如何在特定条件为真时停止JavaScript计时器？

我来帮你搞定这个问题～你的测验倒计时代码里，核心需求是点击按钮后（isClicked变为true）停止计时器对吧？要实现这个，关键是用clearInterval()终止setInterval创建的计时器，同时在计时器的回调逻辑里加入条件检查。

修改后的完整代码 #

var isClicked;
isClicked = false;

document.getElementById('quiz_button').onclick = function() {
    isClicked = true;
};

function startTimer(duration, display) {
    var timer = duration, minutes, seconds;
    const interval = setInterval(function() {
        // 优先检查停止条件
        if (isClicked) {
            clearInterval(interval); // 立即停止计时器
            return; // 跳过后续计时逻辑
        }

        minutes = parseInt(timer / 60, 10);
        seconds = parseInt(timer % 60, 10);
        minutes = minutes < 10 ? "0" + minutes : minutes;
        seconds = seconds < 10 ? "0" + seconds : seconds;
        
        display.textContent = minutes + ":" + seconds;

        // 可选：处理计时器自然走到0的情况
        if (--timer < 0) {
            clearInterval(interval);
            display.textContent = "时间到！";
        }
    }, 1000);
}

关键修改说明 #

• 条件触发停止：在setInterval的回调开头，先判断isClicked是否为true，一旦满足就调用clearInterval(interval)终止计时器，并用return避免执行后续的计时更新逻辑。
• 补充自然结束逻辑：我额外加了计时器走到0时的处理，如果你不需要这个场景，可以直接删掉这部分代码。

调用示例（供参考） #

假设页面上有个id为timer_display的元素用来显示倒计时，你可以这样启动计时器：

// 启动一个5分钟的倒计时
startTimer(5 * 60, document.getElementById('timer_display'));

这样用户点击quiz_button后，计时器就会立刻停止啦～

内容的提问来源于stack exchange，提问作者user8625234