javascript - 如何创建一个简单的 JavaScript 计时器？

Question

所以，基本上我正在尝试创建一个简单的 JS 计时器，该计时器将从 00:30 开始，一直到 00:00，然后消失。

我已经有了 HTML 代码:

<div id="safeTimer">
<h2>Safe Timer</h2>
<p id="safeTimerDisplay">00:30</p>
</div>

显示计时器的元素显然是段落。现在我知道，如果我以硬编码的方式做到这一点，这将非常容易做到:我只需创建一个函数来更改段落的innerHTML(“00:30”，“00:29”，“00:28” "等)，然后使用 setInterval()

每秒调用一次

我该如何以简单(而不是硬编码)的方式做到这一点？

Answer 1

声明此函数并将其绑定(bind)到页面的 onload 事件

function timer(){
    var sec = 30;
    var timer = setInterval(function(){
        document.getElementById('safeTimerDisplay').innerHTML='00:'+sec;
        sec--;
        if (sec < 0) {
            clearInterval(timer);
        }
    }, 1000);
}