如何向JavaScript计时器添加控件

How to add controls to a JavaScript timer

本文关键字：添加 控件 计时器 JavaScript      更新时间：2023-12-21

如何在以下JavaScript计数计时器中添加"暂停"、"恢复"、"重置"answers"结束"函数？

var sec = 0;
function pad(val) {
    return val > 9 ? val : "0" + val;
}
setInterval(function() {
    document.getElementById("seconds").innerHTML = pad(++sec % 60);
    document.getElementById("minutes").innerHTML = pad(parseInt(sec / 60, 10));
}, 1000);

您需要有指向setInterval函数的指针：

var sec = 0,
  timeoutHandler;
function pad(val) {
    return val > 9 ? val : "0" + val;
}
function pausePad() {
    clearTimeout( timeoutHandler );
}
function resumePad() {
    pausePad();
    runPad();
}
function resetPad() {
    sec = 0;
    resumePad();
}
function runPad() {
    timeoutHandler = setInterval(function() {
        document.getElementById("seconds").innerHTML = pad(++sec % 60);
        document.getElementById("minutes").innerHTML = pad(parseInt(sec / 60, 10));
    }, 1000);
}
runPad();
相关文章：