例
現在の時刻を表示します(the setInterval()メソッドは、単にデジタル時計のように、一回1秒の機能を実行します）。 使用しclearInterval() 、時間を停止します：
var myVar = setInterval(function(){ myTimer() }, 1000);
function myTimer()
{
var d = new Date();
var t = d.toLocaleTimeString();
document.getElementById("demo").innerHTML = t;
}
function myStopFunction()
{
clearInterval(myVar);
}
»それを自分で試してみてください もっと"Try it Yourself"以下の例。
定義と使用法
clearInterval()メソッドは、と設定されたタイマクリアしsetInterval()メソッドを。
返されたID値setInterval()のパラメータとして使用されclearInterval()メソッド。
注意：使用できるようにするにはclearInterval()間隔メソッドを作成するときの方法を、あなたはグローバル変数を使用する必要があります。
myVar = setInterval(" その後、てclearInterval（）メソッドを呼び出すことで実行を停止することができるようになります。
ブラウザのサポート
表中の数字は完全に方法をサポートする最初のブラウザのバージョンを指定します。
Method
clearInterval()
1.0
4.0
1.0
1.0
4.0
構文
clearInterval( パラメータ値 パラメーター 説明 id_of_setinterval 必須。 返されたタイマーのID setInterval()メソッド
技術的な詳細
戻り値： 戻り値なし
その他の例
例
それはによって停止されるまで、2つの背景色ごとに300ミリ秒の間で切り替えclearInterval()
var myVar = setInterval(function(){ setColor() }, 300);
function
setColor() {
var x = document.body;
x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" :
"yellow";
}
function stopColor() {
clearInterval(myVar);
} »それを自分で試してみてください
例
使用しsetInterval()とclearInterval()ダイナミックプログレスバーを作成するには：
function move() {
var elem = document.getElementById("myBar");
var width = 0;
var id = setInterval(frame, 100);
function frame() {
if (width == 100) {
clearInterval(id);
} else {
width++;
elem.style.width = width + '%';
}
}
} »それを自分で試してみてください
関連ページ
ウィンドウオブジェクト： href="met_win_setinterval.html"> setInterval() Method
ウィンドウオブジェクト： href="met_win_settimeout.html"> setTimeout() Method
ウィンドウオブジェクト： href="met_win_cleartimeout.html"> clearTimeout() Method
<ウィンドウオブジェクト