更多"Try it Yourself"下面的例子。
定義和用法
所述setTimeout()方法調用的功能或毫秒的指定次數後計算表達式。
Tip: 1000毫秒= 1秒。
提示:只執行一次的功能。 如果您需要重複執行,使用setInterval()方法。
提示:使用clearTimeout()方法來防止函數運行。
瀏覽器支持
在表中的數字規定,完全支持方法的第一個瀏覽器版本。
方法 | |||||
---|---|---|---|---|---|
setTimeout() | 1.0 | 4 | 1.0 | 1.0 | 4 |
句法
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);
試一試» 例
打開一個新的窗口和三個秒(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
<窗口對象