例
アラート"Hello"ごとに3秒(3000 milliseconds) :
setInterval(function(){ alert("Hello"); }, 3000);
»それを自分で試してみてください もっと"Try it Yourself"以下の例。
定義と使用法
setInterval()メソッドは、関数を呼び出すか、指定された間隔での発現を評価する(in milliseconds) 。
setInterval()メソッドを呼び出すまで機能続けるclearInterval()呼び出された、またはウィンドウが閉じられています。
返されたID値setInterval()のパラメータとして使用されclearInterval()メソッド。
Tip: 1000のMS = 1秒。
ヒント:一度だけの機能を実行するには、指定されたミリ秒数後に、使用しsetTimeout()メソッドを。
ブラウザのサポート
表中の数字は完全に方法をサポートする最初のブラウザのバージョンを指定します。
方法 | |||||
---|---|---|---|---|---|
setInterval() | 1.0 | 4.0 | 1.0 | 1.0 | 4.0 |
構文
setInterval( function,milliseconds,param1,param2,... )
パラメータ値
パラメーター | 説明 |
---|---|
function | 必須。 実行される機能 |
milliseconds | 必須。 間隔(in milliseconds)のコードを実行する頻度について |
param1,param2,... | 任意。 関数に渡す追加のパラメータ(IE9でサポートされていると以前ません) |
技術的な詳細
戻り値: | 設定されたタイマーのID値を表す数値。 で、この値を使用しclearInterval()タイマーをキャンセルする方法 |
---|
その他の例
例
また、参照することができ"named"機能。 アラート"Hello"ごとに3秒(3000 milliseconds) :
var myVar;
function myFunction() {
myVar =
setInterval(alertFunc, 3000);
}
function alertFunc() {
alert("Hello!");
}
»それを自分で試してみてください 例
現在の時刻を表示します(the setInterval()メソッドは、単にデジタル時計のように、一回1秒の機能を実行します):
var myVar = setInterval(function(){ myTimer() }, 1000);
function myTimer()
{
var d = new Date();
var t = d.toLocaleTimeString();
document.getElementById("demo").innerHTML = t;
}
»それを自分で試してみてください 例
使用し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);
}
»それを自分で試してみてください 例
使用しsetInterval()とclearInterval()ダイナミックプログレスバーを作成するには:
function move() {
var elem = document.getElementById("myBar");
var width = 0;
var id = setInterval(frame, 10);
function frame() {
if (width == 100) {
clearInterval(id);
} else {
width++;
elem.style.width = width + '%';
}
}
}
»それを自分で試してみてください 例
一度2つの背景色ごとに300ミリ秒の間で切り替えます:
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);
}
»それを自分で試してみてください 例
alertFunc関数にパラメータを渡す(does not work in IE9 and earlier) :
var myVar;
function myStartFunction() {
myVar
= setInterval(alertFunc, 2000, "First param", "Second param");
}
»それを自分で試してみてください あなたは匿名関数を使用している場合しかし、それはすべてのブラウザで動作します:
var myVar;
function myStartFunction() {
myVar =
setInterval(function(){ alertFunc("First param", "Second param"); },
2000);
}
»それを自分で試してみてください 関連ページ
ウィンドウオブジェクト: href="met_win_clearinterval.html"> clearInterval() Method
ウィンドウオブジェクト: href="met_win_settimeout.html"> setTimeout() Method
ウィンドウオブジェクト: href="met_win_cleartimeout.html"> clearTimeout() Method
<ウィンドウオブジェクト