带有 JSfiddle 示例的 javascript/jquery 倒数计时器？

Question

我正在构建一些东西，其中一个是倒计时计时器，倒计时永远不会超过一个小时，所以我需要做的就是倒计时分和秒。

我让它部分工作，但问题出在前导零上。我让它在几秒钟内工作，但不是在几分钟内。

查看我的示例 http://jsfiddle.net/cgweb87/GHNtk/

JavaScript

setInterval(function() {
var timer = $('span').html();
timer = timer.split(':');
var minutes = timer[0];
var seconds = timer[1];
seconds -= 1;
if (minutes < 0) return;
if (minutes < 10 && length.minutes != 2) minutes = '0' + minutes;
if (seconds < 0 && minutes != 0) {
    minutes -= 1;
    seconds = 59;
}
else if (seconds < 10 && length.seconds != 2) seconds = '0' + seconds;
    $('span').html(minutes + ':' + seconds);
}, 1000);

HTML

<span>10:10</span>

我想要发生的是倒数计时器可以在 1 小时内的任何时间开始，它将以前导零倒数，即以这种格式；

08:4946:09

当它到达倒计时时，只需显示:

00:00

感谢任何输入，我不想使用插件，我想学习它。

Answer 1

setInterval返回您以后可以使用的身份 clearInterval :

var interval = setInterval(function() {
    /* snip */
    $('span').html(minutes + ':' + seconds);

    if (parseInt(minutes, 10) == 0 && parseInt(seconds, 10) == 0)
        clearInterval(interval);
}, 1000);

并且，为了避免不断增加的分钟数 -- 00000001:42 -- 或者:

1. 更改length.minutes至 minutes.length在你的前缀测试中。
2. 检索时将值转换为数字 -- var minutes = parseInt(timer[0], 10); -- 只测试 if (minutes < 10) ... .

采用选项 #2，这里有一个更新:http://jsfiddle.net/BH8q9/