2 Javascript彼此无法正常工作

时间:2013-06-06 11:21:29

标签: javascript fadeout countdown

我试图让这2个javascript在同一页面上运行,但无济于事。两个javascript工作正常,如果单独使用,但当我在同一页面使用两者时,只有淡入淡出将起作用,我的倒计时器不会计数。谁知道为什么?

我使用它的第一个javascript为我的赞助人淡出一个DIV框,以便在页面加载时运行注册简报。

$(document).ready(function() {  
    $('.close').click(function() {
        $('.overlay, .popup').fadeOut('slow');
    });
});

第二个javascript试图从hilios https://github.com/hilios/jQuery.countdown

调用倒数计时器
function countdown(id,dday,mday,yday) {
  var myid = id,
      my_dday = dday,
      my_mday = mday-1,
      my_yday = yday,
      finished = false,
      myshelf_date = new Date(),
      currentDate = new Date(),
      endday = new Date(),
      set15daysFromNow = new Date();
      -->set15daysFromNow = 14 * 24 * 60 * 60 * 1000;


  function callback(event) {
      $this = $(this);
        switch(event.type) {
            case "seconds":
            case "minutes":
            case "hours":
            case "days":
            case "weeks":
            case "daysLeft":
              $this.find('span#'+event.type).html(event.value);
              if(finished) {
                $this.fadeTo(0, 1);
                finished = false;
              }
                break;
            case "finished":
        $this.fadeTo('slow', .5);
        finished = true;
                break;
        }
  }

      function DaysOfMonth(nYear, nMonth) {
        switch (nMonth) {
            case 0:     // January
                return 31; break;
            case 1:     // February
                if (nYear % 4 == 0 || nYear % 100 != 0 || nYear % 400 == 0) {
                    return 29;
                }
                else {
                    return 28;
                };
                break;
            case 2:     // March
                return 31; break;
            case 3:     // April
                return 30; break;
            case 4:     // May
                return 31; break;
            case 5:     // June
                return 30; break;
            case 6:     // July
                return 31; break;
            case 7:     // August
                return 31; break;
            case 8:     // September
                return 30; break;
            case 9:     // October
                return 31; break;
            case 10:     // November
                return 30; break;
            case 11:     // December
                return 31; break;
        }
    };

    function SkipDate(dDate, skipDays) {
        var nYear = dDate.getFullYear();
        var nMonth = dDate.getMonth();
        var nDate = dDate.getDate();
        var remainDays = skipDays;
        var dRunDate = dDate;

        while (remainDays > 0) {
            remainDays_month = DaysOfMonth(nYear, nMonth) - nDate;
            if (remainDays > remainDays_month) {
                remainDays = remainDays - remainDays_month - 1;
                nDate = 1;
                if (nMonth < 11) { nMonth = nMonth + 1; }
                else {
                    nMonth = 0;
                    nYear = nYear + 1;
                };
            }
            else {
                nDate = nDate + remainDays;
                remainDays = 0;
            };
            dRunDate = Date(nYear, nMonth, nDate);
        }
        return new Date(nYear, nMonth, nDate);
    };

    myshelf_date.setFullYear(my_yday,my_mday,my_dday);
    endday = SkipDate(myshelf_date,15);



    -->alert(myshelf_date+"   "+currentDate+"   "+endday);
    if(currentDate-myshelf_date>=0 && currentDate-endday<=0)
    {
        set15daysFromNow=endday-currentDate;
        -->set15daysFromNow=set15daysFromNow/(24 * 60 * 60 * 1000);
        -->alert("Current Date:"+currentDate+"Remaing:"+set15daysFromNow);
        $('div#clock'+myid).countdown(set15daysFromNow+currentDate.valueOf(), callback);
    }
    else
    {
        document.getElementById('progress'+myid).innerHTML="Closed";
    }
} 

在我从数据库获取项目日期时间之后,我将其称为我身体的一部分以开始倒计时。当我删除淡出功能时,倒计时工作正常但是一旦我加回淡出,倒计时就会停止。

没有淡出脚本链接 www.acekoncept.com.sg/test/index.php

淡出脚本链接 www.acekoncept.com.sg/test/index2.php

0 个答案:

没有答案