Window clearTimeout()
示例 1
如何阻止 myGreeting() 執行
const myTimeout = setTimeout(myGreeting, 3000);
function myGreeting() {
document.getElementById("demo").innerHTML = "祝您生日快樂！！"
}
function myStopFunction() {
clearTimeout(myTimeout);
}
自己動手試一試 »
更多示例見下文。
描述
clearTimeout() 方法清除使用 setTimeout() 方法設定的定時器。
注意
要清除超時，請使用 setTimeout() 返回的 id
myTimeout = setTimeout(函式, 毫秒);
然後可以透過呼叫 clearTimeout() 來停止執行
clearTimeout(myTimeout);
另請參閱
語法
clearTimeout(settimeout_的_id)
引數
| 引數 | 描述 |
| 超時 ID | 必需。 由 setTimeout() 方法返回的 ID。 |
返回值
| 無 |
更多示例
這個例子有一個“開始”按鈕來啟動一個定時器，一個用於計數器的輸入欄位，以及一個“停止”按鈕來停止定時器
<button onclick="startCount()">開始計數！</button>
<input type="text" id="demo">
<button onclick="stopCount()">停止計數！</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 |
| 是 | 是 | 是 | 是 | 是 | 是 |
