Window clearInterval()
示例
每秒顯示一次時間。使用 clearInterval() 停止時間
const myInterval = setInterval(myTimer, 1000);
function myTimer() {
const date = new Date();
document.getElementById("demo").innerHTML = date.toLocaleTimeString();
}
function myStopFunction() {
clearInterval(myInterval);
}
自己動手試一試 »
更多示例見下文。
描述
clearInterval() 方法清除使用 setInterval() 方法設定的計時器。
注意
要清除一個間隔，請使用從 setInterval() 返回的 id
myInterval = setInterval(函式, 毫秒);
然後，您可以透過呼叫 clearInterval() 來停止執行
clearInterval(myInterval);
另請參閱
語法
clearInterval(intervalId)
引數
| 引數 | 描述 |
| intervalId | 必需。 從 setInterval() 返回的間隔 ID。 |
返回值
| 無 |
更多示例
每 500 毫秒切換兩種背景顏色
const myInterval = setInterval(setColor, 500);
function setColor() {
let x = document.body;
x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" : "yellow";
}
function stopColor() {
clearInterval(myInterval);
}
自己動手試一試 »
使用 setInterval() 和 clearInterval() 建立動態進度條
function move() {
const element = document.getElementById("myBar");
let width = 0;
const id = setInterval(frame, 100);
function frame() {
if (width == 100) {
clearInterval(id);
} else {
width++;
element.style.width = width + '%';
}
}
}
自己動手試一試 »
瀏覽器支援
clearInterval() 在所有瀏覽器中都受支援
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 是 |
