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.