setTimeout()
นี่เป็นหนึ่งในหลาย ๆ เหตุการณ์เกี่ยวกับเวลา หน้าต่าง วัตถุอนุญาตให้เรียกใช้รหัสในช่วงเวลาที่กำหนด วัตถุนี้ได้ให้ SetTimeout() เพื่อเรียกใช้ฟังก์ชันหลังจากระยะเวลาหนึ่ง ต้องใช้สองพารามิเตอร์ เป็นข้อโต้แย้ง หนึ่งคือ ฟังก์ชัน และอีกอันคือ เวลา ที่ระบุช่วงเวลาที่ควรเรียกใช้ฟังก์ชัน
ไวยากรณ์
window.setTimeout(function, milliseconds);
ตัวอย่าง-1
ในตัวอย่างต่อไปนี้ เวลาที่ส่งไปยังฟังก์ชัน setTimeout() คือ 2 วินาที ดังนั้น ฟังก์ชันจะถูกดำเนินการหลังจากผ่านไป 2 วินาที และแสดงผลลัพธ์ตามที่แสดง
<html> <body> <p>wait 2 seconds.</p> <script> setTimeout(function(){ document.write("Tutorix is the best e-learning platform"); }, 2000); </script> </body> </html>
ผลลัพธ์
wait 2 seconds Tutorix is the best e-learning platform
ตัวอย่าง-2
ในตัวอย่างต่อไปนี้ เวลาที่ส่งไปยังฟังก์ชัน setTimeout() คือ 3 วินาที ดังนั้น ฟังก์ชันจะถูกดำเนินการหลังจากสามวินาทีและแสดงผลลัพธ์ตามที่แสดง
<html> <body> <p id = "time"></p> <script> setTimeout(function(){ document.getElementById("time").innerHTML = "Tutorix is the product of Tutorialspoint"; }, 3000); </script> </body> </html>
ผลลัพธ์
Tutorix is the product of Tutorialspoint.