在同一頁面上多次倒計時

Question

我一直在使用這個腳本（http://www.dynamicdrive.com/dynamicindex6/dhtmlcount.htm）倒計時到假期。但是這次我需要在ONE頁面上進行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