如何使Javascript计数计时器工作



我正在尝试使用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

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

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

检查一下这个小提琴,我只是把它复制粘贴了。

.

您提到的代码在代码段中运行得非常好。

最新更新