來自特定日期的一頁上的多個JS countup定時器

Question

我有一個countup定時器從某個日期開始計數。 http://jsfiddle.net/eyntL8go/

我現在正在嘗試改編，以便在頁面上可以有多個計時器。我寫了下面的代碼，但它不起作用。任何人都可以看到錯誤？

HTML：

<div class="countup"> 
    <div id="targetdate" style="display: none">Thu Jan 01 1970 00:44:39 +0000</div> 
    <div id="timer"></div> 
</div> 
<div class="countup"> 
    <div id="targetdate" style="display: none">Thu Jan 01 1970 00:44:49 +0000</div> 
    <div id="timer"></div> 
</div> 

JS：

$('.countup').each(function() { 
    var targetdate = $(this).children('#targetdate').innerHTML; 
    var seconds_left = new Date(targetdate).getTime(); 
    var timer = $(this).children('#timer').innerHTML; 
    var minutes, seconds; 

    seconds_left = seconds_left/1000; 

    var countdownrefesh = setInterval(function() { 
     // Add one to seconds 
     seconds_left = seconds_left + 1; 

     // do some time calculations 
     days = parseInt(seconds_left/86400); 
     seconds_left = seconds_left % 86400; 

     hours = parseInt(seconds_left/3600); 
     seconds_left = seconds_left % 3600; 

     minutes = parseInt(seconds_left/60); 
     seconds = parseInt(seconds_left % 60); 

     // format countdown string + set tag value 
     timer = hours + "h:" + minutes + "m:" + seconds + "s"; 

    }, 1000); 
}); 

Answer 1

你可以用.html()

DEMO

更換 .innerHTML