ตัวอย่าง
แสดงกล่องเตือนหลังจาก 3 วินาที (3000 milliseconds) :
setTimeout(function(){ alert("Hello"); }, 3000);
ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
setTimeout() วิธีการเรียกใช้ฟังก์ชันหรือประเมินการแสดงออกหลังจากที่จำนวนที่ระบุมิลลิวินาที
Tip: 1,000 มิลลิวินาที = 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); ลองตัวเอง» ตัวอย่าง
เปิดหน้าต่างใหม่และปิดหน้าต่างหลังจากสามวินาที (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
<หน้าต่างวัตถุ