มีสองวิธีที่เราสามารถเรียกหรือเรียกใช้ฟังก์ชันหลังจากช่วงเวลาที่กำหนดด้วย JavaScript ฉันจะแสดงวิธีเหตุการณ์เวลา JavaScript สองวิธี setTimeout() และ setInterval() .
ความแตกต่างระหว่างวิธีเหตุการณ์เวลาเหล่านี้คือ:
setTimeout()เรียกใช้ฟังก์ชันหนึ่งครั้ง หลังจากรอตามจำนวนมิลลิวินาทีที่กำหนดsetInterval()ทำงานอย่างต่อเนื่องในช่วงเวลาที่กำหนด
มาดูตัวอย่างง่ายๆ ของแต่ละรายการกัน
ตัวอย่าง JavaScript setTimeout()
เพิ่มโค้ดต่อไปนี้ลงในคอนโซล JavaScript ของ coding Playground คุณสามารถใช้คอนโซลของเบราว์เซอร์ได้หากต้องการ:
setTimeout(function() {
alert("Hello there!")
}, 3000)3000 คือมิลลิวินาที (ms) ดังนั้นด้านบนคือ 3 วินาที รหัสนี้จะทำงานภายใน 3 วินาทีหลังจากการโหลดหน้าแรกของคุณ และแสดงข้อความเตือนว่า "สวัสดี!"
ตัวอย่าง JavaScript setInterval()
เพิ่มโค้ดต่อไปนี้ลงในคอนโซล JavaScript ของ coding Playground คุณสามารถใช้คอนโซลของเบราว์เซอร์ได้หากต้องการ:
setInterval(function() {
alert("Hello there!")
}, 3000)รหัสนี้จะดำเนินการซ้ำแล้วซ้ำอีกทุกๆ 3 วินาที
