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)

参数

参数 描述
timeoutId 必需。setTimeout() 方法 返回的 id。

返回值

无。

说明

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

浏览器支持

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

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 支持 支持 支持 支持 支持