ウィンドウclearInterval()
例
時間を1秒に1回表示します。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(function, milliseconds);
次に、clearInterval()を呼び出して、実行を停止できます。
clearInterval(myInterval);
関連項目:
構文
clearInterval(intervalId)
パラメーター
Parameter | Description |
intervalId | Required. The interval id returned from setInterval(). |
戻り値
なし |
その他の例
500ミリ秒ごとに1回、2つの背景色を切り替えます。
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 | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |