具有暂停/重置的倒数计时器

时间:2011-09-06 19:32:21

标签: javascript timer countdown

我正在寻找一个从60秒倒计时的开源JavaScript计时器。我希望人们可以增加计时器的时间,但这不是必要的。人们有必要能够开始和暂停时间并在需要时重置它。

教程或源代码会很棒。

2 个答案:

答案 0 :(得分:6)

以下是纯javascript中的解决方案,可帮助您入门:http://jsfiddle.net/XcvaE/4/

答案 1 :(得分:2)

这应该会给你一个良好的开端。此计时器将在30秒后触发“Hello”警报框。但是,每次单击重置计时器按钮时,它都会清除timerHandle,然后再次重新设置它。一旦它被解雇,游戏结束。

<script type="text/javascript">
    var timerHandle = setTimeout("alert('Hello')",3000);
    function resetTimer() {
        window.clearTimeout(timerHandle);
        timerHandle = setTimeout("alert('Hello')",3000);
    }
</script>

<body>
    <button onclick="resetTimer()">Reset Timer</button>
</body>