满足条件后停止 JavaScript countdown 函数可以通过以下步骤实现:
stopCountdown
。stopCountdown
为真,则直接返回,停止倒计时。stopCountdown
为真,例如在某个按钮的点击事件中设置 stopCountdown = true
。以下是一个示例代码:
// 全局变量,用于跟踪是否满足停止条件
let stopCountdown = false;
// countdown 函数
function countdown(seconds) {
// 如果满足停止条件,则直接返回
if (stopCountdown) {
return;
}
// 倒计时逻辑
console.log(seconds);
// 倒计时结束条件
if (seconds <= 0) {
console.log("倒计时结束");
return;
}
// 递归调用 countdown 函数
setTimeout(function() {
countdown(seconds - 1);
}, 1000);
}
// 某个按钮的点击事件,满足停止条件时设置 stopCountdown 为真
document.getElementById("stopButton").addEventListener("click", function() {
stopCountdown = true;
});
这段代码中,我们通过全局变量 stopCountdown
来跟踪是否满足停止条件。在 countdown 函数中,如果 stopCountdown
为真,则直接返回,停止倒计时。在某个按钮的点击事件中,我们设置 stopCountdown = true
来满足停止条件。这样,在需要停止倒计时的地方调用 countdown 函数时,如果满足停止条件,倒计时会立即停止。
请注意,以上示例代码仅为演示如何停止 countdown 函数,实际应用中可能需要根据具体情况进行适当修改。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云