同一页面上有多个倒计时

Question

我一直在使用这个脚本（ http://www.dynamicdrive.com/dynamicindex6/dhtmlcount.htm< /a> ) 假期倒计时。但这次我需要在一页上有 2 个倒计时。我尝试创建 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