ウィンドウsetTimeout()
例
挨拶を5秒待ちます。
const myTimeout = setTimeout(myGreeting, 5000);
clearTimeout(myTimeout)を使用して、myGreetingが実行されないようにします。
const myTimeout = setTimeout(myGreeting, 5000);
function myStopFunction() {
clearTimeout(myTimeout);
}
以下のその他の例。
定義と使用法
このsetTimeout()
メソッドは、数ミリ秒後に関数を呼び出します。
1秒= 1000ミリ秒。
ノート
はsetTimeout()
1回だけ実行されます。
繰り返し実行する必要がある場合は、setInterval()
代わりに使用してください。
このメソッドを使用してclearTimeout()
、関数が開始しないようにします。
タイムアウトをクリアするには、setTimeout()から返されたIDを使用します。
myTimeout = setTimeout(function, milliseconds);
次に、clearTimeout()を呼び出して、実行を停止できます。
clearTimeout(myTimeout);
関連項目:
構文
setTimeout(function, milliseconds, param1, param2, ...)
パラメーター
Parameter | Description |
function | Required. The function to execute. |
milliseconds | Optional. Number of milliseconds to wait before executing. Default value is 0. |
param1, param2, ... |
Optional. Parameters to pass to the function. Not supported in IE9 and earlier. |
戻り値
タイプ | 説明 |
数 | タイマーのID。 このIDをclearTimeout(id)とともに使用して、タイマーをキャンセルします。 |
その他の例
3秒(3000ミリ秒)後にアラートボックスを表示します。
let timeout;
function myFunction() {
timeout = setTimeout(alertFunc, 3000);
}
function alertFunc() {
alert("Hello!");
}
時限テキストを表示します。
let 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ミリ秒)後にウィンドウを閉じます。
const myWindow = window.open("", "", "width=200, height=100");
setTimeout(function() {myWindow.close()}, 3000);
永遠に数えます-しかし、数えを止める能力があります:
function startCount()
function stopCount()
タイミングイベントで作成された時計:
function startTime() {
const date = new Date();
document.getElementById("txt").innerHTML = date.toLocaleTimeString();
setTimeout(function() {startTime()}, 1000);
}
関数にパラメーターを渡します(IE9以前では機能しません):
setTimeout(myFunc, 2000, "param1", "param2");
ただし、匿名関数を使用すると、すべてのブラウザーで機能します。
setTimeout(function() {myFunc("param1", "param2")}, 2000);
ブラウザのサポート
setTimeout()
すべてのブラウザでサポートされています:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |