如何阻止 myGreeting() 执行:
const myTimeout = setTimeout(myGreeting, 3000);
function myGreeting() {
document.getElementById("demo").innerHTML = "Happy Birthday to You !!"
}
function myStopFunction() {
clearTimeout(myTimeout);
}
亲自试一试 »
下面有更多示例。
这个clearTimeout()
方法清除定时器设置setTimeout()
方法。
要清除超时,请使用ID从 setTimeout() 返回:
myTimeout = setTimeout(
function,
milliseconds);
然后你可以通过调用clearTimeout()来停止执行:
clearTimeout(myTimeout);
clearTimeout(
id_of_settimeout)
Parameter | Description |
timeout id | Required. The id returned by the setTimeout() method. |
没有任何 |
此示例有一个用于启动计时器的 "Start" 按钮、一个计数器的输入字段和一个用于停止计时器的 "Stop" 按钮:
<button onclick="startCount()">Start count!</button>
<input type="text" id="demo">
<button onclick="stopCount()">Stop count!</button>
<script>
let counter = 0;
let timeout;
let timer_on = 0;
function timedCount() {
document.getElementById("demo").value = counter;
counter++;
timeout = setTimeout(timedCount, 1000);
}
function startCount() {
if (!timer_on) {
timer_on = 1;
timedCount();
}
}
function stopCount() {
clearTimeout(timeout);
timer_on = 0;
}
</script>
亲自试一试 »
clearTimeout()
所有浏览器都支持:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | Yes |
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!