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
支持 支持 支持 支持 支持 支持