Window clearTimeout() 方法

定义和用法

clearTimeout() 方法清除使用 setTimeout() 方法 设置的计时器。

提示

如需清除超时，请使用从 setTimeout() 方法 返回的 id：

myTimeout = setTimeout(function, milliseconds);

然后你可以通过调用 clearTimeout() 来停止执行：

clearTimeout(myTimeout);

另请参阅：

setTimeout() 方法

setInterval() 方法

clearInterval() 方法

实例

例子 1

如何防止 myGreeting() 执行：

const myTimeout = setTimeout(myGreeting, 3000);

function myGreeting() {
  document.getElementById("demo").innerHTML = "Happy Birthday to You !!"
}

function myStopFunction() {
  clearTimeout(myTimeout);
}

亲自试一试

例子 2

此例拥有用于启动计时器的“开始”按钮、用于计数器的输入字段和用于停止计时器的“停止”按钮：

<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(timeoutId)

参数

返回值

无。

说明

clearTimeout() 方法取消对指定代码的执行，调用 setTimeout() 方法 可以延迟执行这些代码。参数 timeoutId 是调用 setTimeout() 方法 后的返回值，它标识了要取消的延期执行代码块（可以有多个）。

浏览器支持

所有浏览器都支持 clearTimeout()：