如何使 Javascript 计数定时器工作

Question

我正在尝试使用 Javascript 实现一个简单的计数计时器，并在 HTML 页面中显示计时器。 这是我的代码：

var minutesLabel = document.getElementById("minutes");
var secondsLabel = document.getElementById("seconds");
var totalSeconds = 0;
setInterval(setTime, 1000);

function setTime()
{
    ++totalSeconds;
    secondsLabel.innerHTML = pad(totalSeconds%60);
    minutesLabel.innerHTML = pad(parseInt(totalSeconds/60));
}

function pad(val)
{
    var valString = val + "";
    if(valString.length < 2)
    {
        return "0" + valString;
    }
    else
    {
        return valString;
    }
}

HTML：

<label id="minutes">00</label>
    <label id="colon">:</label>
    <label id="seconds">00</label>

但是计时器在 HTML 中不起作用。 它停留在00:00

Answer 1

确保脚本位于 body 标签的底部

Answer 2

您发布的代码与您描述的完全一样。

检查这个小提琴，我只是复制粘贴它。

.

Answer 3

您提到的代码在片段中运行良好。