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

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