目录

window clearTimeout()

示例1

如何阻止 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);

也可以看看:

setTimeout() 方法

setInterval() 方法

clearInterval() 方法


语法

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