从特定日期开始，一页上有多个 JS 计数计时器答案

【问题标题】：Multiple JS countup timers on one page from specific dates从特定日期开始，一页上有多个 JS 计数计时器
【发布时间】：2014-09-19 23:38:01
【问题描述】：

我有一个从某个日期开始计数的倒计时计时器。 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);
});

【问题讨论】：

标签： javascript jquery html timer countdown

【解决方案1】：

您可以将.innerHTML 替换为.html()

DEMO

【讨论】：