我正在尝试创建一个计时器,该计时器在单击一个按钮后运行,然后在单击另一个按钮后重置。但是,一旦应用程序启动,计时器就会自动运行,并且不会重置回 0。任何帮助将不胜感激。
Timer.js
var sec = 0;
function pad(val)
{
return val > 9 ? val : "0" + val;
}
interval = setInterval( function()
{
document.getElementById("seconds").innerHTML=pad(++sec%60);
document.getElementById("minutes").innerHTML=pad(parseInt(sec/60,10));
}, 1000);
function clearTimer()
{
clearInterval(interval);
}
用户脚本
$(document).on("click", "#RunningTrackerBackBtn", function(evt)
{
clearTimer();
});
$(document).on("click", "#TrackerTest", function(evt)
{
/*global activate_subpage */
activate_subpage("#TrackerPage");
setInterval();
});
index.html
<span id="minutes">00 minutes </span>:<span id="seconds"> 00 seconds</span>
最佳答案
将 setInterval
代码放入新函数中:
function startCounter() {
interval = setInterval( function()
{
document.getElementById("seconds").innerHTML=pad(++sec%60);
document.getElementById("minutes").innerHTML=pad(parseInt(sec/60,10));
}, 1000);
}
这就是单击按钮时应该调用的内容。
关于javascript - 计时器自动运行,而不是在按钮单击 JavaScript 时运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37039508/