同じページの複数のカウントダウン

Question

私はこのスクリプト（http://www.dynamicdrive.com/dynamicindex6/dhtmlcount.htm）を休暇のカウントダウンに使用しています。しかし、今回は1ページで2カウントダウンする必要があります。私は、それぞれに1つのスクリプトで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