最新のWeb開発のチュートリアル
 

setTimeout() Method

<ウィンドウオブジェクト

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 startCount()
function stopCount()
»それを自分で試してみてください

タイミングイベントを使用して作成クロック:

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


<ウィンドウオブジェクト