Question

我一直在使用这个脚本（http://www.dynamicdrive.com/dynamicindex6/dhtmlcount.htm）来倒计时。但这次我需要在一页上有2次倒计时。我尝试了两个不同的页面，每个页面都有一个脚本，并将它们包含在主页面中，但这不起作用。

任何人都知道如何编辑它或有一个适用于此目的的脚本？我尝试编辑一些变量，但我无法让它工作。

感谢。

Answer 1

我已经制作了一个简单的倒计时构造函数，它可以帮助你进一步。

function countDown(startTime, divid, the_event){
    var tdiv = document.getElementById(divid)
        ,start = parseInt(startTime.getTime(),10)
        ,the_event = the_event || startTime.toLocaleString()
        ,to;
    this.rewriteCounter = function(){
      var now = new Date().getTime()
          ,diff = Math.round((start - now)/1000);
      if (startTime > now)
      {
        tdiv.innerHTML = diff +' seconds untill ' + the_event;
      }
      else {clearInterval(to);}
    };
    this.rewriteCounter();
    to = setInterval(this.rewriteCounter,1000);
}

//usage
var count1 = new countDown(new Date('2010/12/11 10:44:59')
                           ,'counter1'
                           ,'tomorrow 10:45');
var count2 = new countDown(new Date('2010/12/25')
                           ,'counter2'
                           ,'first christmas day');

查看@ jsfiddle

同一页面上有多个倒计时

1 个答案: