Objectify Javascript - Javascript関数を複数回実行する方法

Question

私はカウントダウンタイマーを作成するシンプルなJavascript関数（curteousy：codecall.net）を作成しました。

実行するとうまくいきますが、ページに複数のタイマーが必要です。

私は別のdivの中に関数を配置すると、画面上に数字が表示されますが、最後の関数の1つのみが実際にカウントダウンします。

I have placed a link to the code here in JsFiddle何らかの理由で実行したくないが動作します。私はそれの複数のインスタンスが必要です。

すべてのヘルプははるかに高く評価されて、あなたはすべてのグローバル名前空間で、それを建て事前

Answer 1

で感謝の方法は、それは非常に難しい2のタイマーを組み込むことができます。代わりに、再利用可能なオブジェクトコンストラクタを使用するだけです。 Demo here。

function Countdown(element, time) { 
    this.element = element; 
    this.time = time; 
} 

Countdown.time = function() { 
    return new Date().getTime()/1000; 
}; 

Countdown.formatRemaining = function(timeRemaining) { 
    function fillZero(n) { 
     return n < 10 ? '0' + n : n.toString(); 
    } 

    var days = timeRemaining/60/60/24 | 0; 
    var hours = timeRemaining/60/60 | 0; 
    var minutes = timeRemaining/60 | 0; 
    var seconds = timeRemaining | 0; 

    hours %= 24; 
    minutes %= 60; 
    seconds %= 60; 

    return days + ' day' + (days === 1 ? '' : 's') + ' ' + fillZero(hours) + ':' + fillZero(minutes) + ':' + fillZero(seconds); 
}; 

Countdown.prototype.update = function() { 
    var timeRemaining = this.time + this.start - Countdown.time(); 

    if(timeRemaining > 0) { 
     this.element.innerHTML = Countdown.formatRemaining(timeRemaining); 
    } else { 
     this.element.innerHTML = "Time's up!"; 

     if(this.timer) { 
      clearInterval(this.timer); 
      this.timer = null; 
     } 
    } 
}; 

Countdown.prototype.start = function() { 
    var countdown = this; 

    this.start = Countdown.time(); 
    this.timer = setInterval(function() { 
     countdown.update(); 
    }, 1000); 

    this.update(); 
};