例
3秒後に警告ボックスを表示します(3000 milliseconds) :
setTimeout(function(){ alert("Hello"); }, 3000);
»それを自分で試してみてください もっと"Try it Yourself"以下の例。
定義と使用法
setTimeout()メソッドは、関数を呼び出すか、指定されたミリ秒数後に式を評価します。
Tip: 1000のMS = 1秒。
ヒント:関数は一度だけ実行されます。 あなたが実行を繰り返す必要がある場合は、使用しsetInterval()メソッドを。
ヒント:使用しclearTimeout()実行しているから機能を阻止する方法を。
ブラウザのサポート
表中の数字は完全に方法をサポートする最初のブラウザのバージョンを指定します。
方法 | |||||
---|---|---|---|---|---|
setTimeout() | 1.0 | 4.0 | 1.0 | 1.0 | 4.0 |
構文
setTimeout( function,milliseconds,param1,param2,... )
パラメータ値
パラメーター | 説明 |
---|---|
function | 必須。 実行される機能 |
milliseconds | 必須。 コードを実行する前に待機するミリ秒数 |
param1,param2,... | 任意。 関数に渡す追加のパラメータ(IE9でサポートされていると以前ません) |
技術的な詳細
戻り値: | 設定されたタイマーのID値を表す数値。 で、この値を使用しclearTimeout()タイマーをキャンセルする方法 |
---|
その他の例
例
また、参照することができます"named"機能。 3秒後に警告ボックスを表示します(3000 milliseconds) :
var myVar;
function myFunction() {
myVar =
setTimeout(alertFunc, 3000);
}
function alertFunc() {
alert("Hello!");
}
»それを自分で試してみてください 例
時限テキストを表示します。
var x = document.getElementById("txt");
setTimeout(function(){ x.value="2 seconds" }, 2000);
setTimeout(function(){ x.value="4 seconds" }, 4000);
setTimeout(function(){ x.value="6
seconds" }, 6000);
»それを自分で試してみてください 例
新しいウィンドウを開き、3秒(3000ミリ秒)後、ウィンドウを閉じます。
var myWindow = window.open("", "", "width=200, height=100");
myWindow.document.write("<p>This is 'myWindow'</p>");
setTimeout(function(){ myWindow.close() }, 3000);
»それを自分で試してみてください 例
使用しclearTimeout()実行する機能を防ぐために:
var myVar;
function myFunction() {
myVar = setTimeout(function(){ alert("Hello") }, 3000);
}
function myStopFunction() {
clearTimeout(myVar);
}
»それを自分で試してみてください 例
タイミングイベントを使用して作成クロック:
function startTime() {
var today = new Date();
var h =
today.getHours();
var m = today.getMinutes();
var s = today.getSeconds();
// add a zero in front of numbers<10
m = checkTime(m);
s = checkTime(s);
document.getElementById("txt").innerHTML = h+ ":" + m + ":" + s;
t = setTimeout(function(){ startTime() }, 500);
}
function checkTime(i) {
if (i<10) {
i = "0" + i;
}
return i;
}
»それを自分で試してみてください 例
alertFunc関数にパラメータを渡す(does not work in IE9 and earlier) :
var myVar;
function myStartFunction() {
myVar
= setTimeout(alertFunc, 2000, "First param", "Second param");
}
»それを自分で試してみてください あなたは匿名関数を使用している場合しかし、それはすべてのブラウザで動作します:
var myVar;
function myStartFunction() {
myVar =
setTimeout(function(){ alertFunc("First param", "Second param"); },
2000);
}
»それを自分で試してみてください 関連ページ
ウィンドウオブジェクト: href="met_win_cleartimeout.html"> clearTimeout() Method
ウィンドウオブジェクト: href="met_win_setinterval.html"> setInterval() Method
ウィンドウオブジェクト: href="met_win_clearinterval.html"> clearInterval() Method
<ウィンドウオブジェクト