オンラインツール

JavaScript オブジェクト

関数

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

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

JavaScript Window オブジェクト

setTimeout()Window setTimeout() メソッド

メソッドを呼び出して、タイマーが期限を迎えたときに関数やコードブロックを実行するタイマーを設定できます。clearTimeout()このメソッドは、タイマーのユニークな識別子としてのオーバータイムIDを返しますので、後で呼び出して

使用して、それを削除します。clearTimeout()メソッドを使用して関数の実行を停止します。

この関数は一度だけ実行されます。繰り返し実行が必要な場合は、setInterval()メソッド。

文法：

window.setTimeout(function, delay, param1,　param2, ...)

例

setTimeout(function(){ alert("Hello World"); },　2000);

テストして見て‹/›

ブラウザの互換性

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

Method
setTimeout()	1	1	4	1	4

参数值

参数	描述
function	（必需）计时器到期后要执行的函数
delay	（必需）计时器应等待的时间（以毫秒为单位）（1000毫秒= 1秒），然后执行指定的函数或代码。如果省略，则使用值0
param1, param2, ...	（可选）传递给该函数(function)的其他参数　（IE9和更早版本中不支持）

技术细节

返回值：	一个数字，表示设置的计时器的超时ID值。将此值与clearTimeout()方法一起使用可取消计时器

更多实例

此示例引用外部“命名”函数：

例

var timeoutID;
function myFunc() {
　　timeoutID = setTimeout(myCallback,　2000);
}
function myCallback() {
　　alert("Hello World");
}

テストして見て‹/›

使用clearTimeout()阻止函数运行：

例

var timeoutID;
function myFunc() {
　　timeoutID = setTimeout(myCallback,　2000);
}
function myCallback() {
　　alert("Hello World");
}
function myStopFunc() {
　　　clearTimeout(timeoutID);
}

テストして見て‹/›

使用递归显示当前时间（就像数字手表一样，每1秒钟执行一次“ startTimer()”函数）：

例

window.addEventListener("load", startTimer);
function startTimer() {
　　　var date = new Date();
　　　var x = document.getElementById("result");
　　　x.innerHTML = date.getHours()　+　":"　+　date.getMinutes()　+　":"　+　date.getSeconds();
　　　setTimeout(startTimer,　1000);　　　//　再帰　
}

テストして見て‹/›

使用setTimeout()创建动态进度条：

例

var i = 0;
var bar = document.getElementById("progress",-bar);
var t;
function start() {
　　if(i <　100) {
　i++;
　bar.style.width = i　+　"%";
　bar.innerHTML = i　+　"　%";
　t = setTimeout(start,　60);　　//　再帰
　　}
}
function stop() {
　　clearTimeout(t);
}

テストして見て‹/›

以下の「カウントを開始」ボタンをクリックしてタイマーを開始します。カウントを停止するには「カウントを停止」ボタンをクリックします：

テストして見て

パラメータをmyFunc関数に渡します（IE9およびより古いバージョンでは動作しません）：

例

var timeoutID = setTimeout(myFunc,　2000, "First", "Second", "Third");

テストして見て‹/›

しかし、匿名関数を使用すると、すべてのブラウザで動作します：

例

var timeoutID = setTimeout(function(){ myFunc("First", "Second", "Third"); },　2000);

テストして見て‹/›

オンラインツール

JavaScript オブジェクト

関数

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

文法：

ブラウザの互換性

参数值

技术细节

更多实例

関連参照