JavaScript オブジェクト

JavaScript リファレンスマニュアル

JS DOMリファレンスマニュアル

JS Storage オブジェクト JavaScript Window オブジェクト

Window clearInterval() メソッド

clearInterval()メソッドを使用しないのsetInterval() 作成した繰り返しアクション。

setInterval()が返すID値は、clearInterval()メソッドの引数として使用されます。

注意：clearInterval()メソッドを使用するために、intervalメソッドを作成する際には変数を使用する必要があります：

t　=　setInterval("javaScript　function",　milliseconds);

それでは、clearInterval()メソッドを呼び出して実行を停止することができます：

clearInterval(t);

语法：

window.clearInterval(var)

例

var　t　=　setInterval(startTimer,　1000);
function　startTimer()　{
　　　var　date　=　new　Date();
　　　var　x　=　document.getElementById("result");
　　　x.innerHTML　=　date.getHours()　+　":"　+　date.getMinutes()　+　":"　+　date.getSeconds();
}
function　stopTimer()　{
　　　clearInterval(t);
}

テストを見て‹/›

ブラウザの互換性

テーブルの数字は、clearInterval()メソッドを完全にサポートする最初のブラウザのバージョンを指定しています：

メソッド
clearInterval()	1	1	4	1	4

引数の値

引数	説明
var	setInterval()メソッドが返すタイマーの名前

技術的な詳細

返り値：	ありません

さらに詳しい例

毎200ミリ秒ごとに2つの背景色の間で切り替わるまで、clearInterval()で停止されるまで：

例

var　t　=　setInterval(setColor,　200);
function　setColor()　{
　　　var　x　=　document.body;
　　　x.style.backgroundColor　=　(x.style.backgroundColor　==　"coral")　?　"lightgreen"　:　"coral";
}
function　stopColor()　{
　　　clearInterval(t);
}

テストを見て‹/›

setInterval()とclearInterval()を使って動的な進度バーを作成する：

例

var i = 0;
var bar = document.getElementById("progress-bar");
var t;
function start() {
　　t = setInterval(progress,　60);
}
function progress() {
　　if(i <　100) {
　i++;
　bar.style.width = i　+　「%」;
　bar.innerHTML = i　+　「　%」;
　　} else {
　clearInterval(t);
　　}
}
function stop() {
　　clearInterval(t);
}

テストを見て‹/›

JavaScript オブジェクト

JavaScript リファレンスマニュアル

JS DOMリファレンスマニュアル

Window clearInterval() メソッド

语法：

ブラウザの互換性

引数の値

技術的な詳細

さらに詳しい例

関連参考