วิธีเรียกฟังก์ชันหลังจากเวลาที่กำหนดด้วย JavaScript

มีหลายวิธีที่เราสามารถเรียกหรือรันฟังก์ชันหลังจากเวลาที่กำหนดด้วย JavaScript ผมจะแสดง 2 เมธอดเวลาของ JavaScript คือ setTimeout() และ setInterval()

ความแตกต่างระหว่างเมธอดเวลาทั้งสองคือ:

• setTimeout() รันฟังก์ชัน ครั้งเดียว หลังจากรอจำนวน milliseconds ที่ระบุ
• setInterval() รันฟังก์ชันซ้ำๆ ตลอดเวลาในช่วงเวลาที่ระบุ

มาดูตัวอย่างง่ายๆ ของแต่ละตัว

ตัวอย่าง JavaScript setTimeout()

เพิ่มโค้ดต่อไปนี้ในคอนโซล JavaScript ของ coding playground คุณ สามารถใช้คอนโซลเบราว์เซอร์ได้:

setTimeout(function() { alert("Hello there!") }, 3000)

3000 คือ milliseconds (ms) ดังนั้นข้างบนคือ 3 วินาที โค้ดนี้จะรัน 3 วินาทีหลังโหลดหน้าแรก และแสดงข้อความ alert ว่า "Hello there!"

ตัวอย่าง JavaScript setInterval()

เพิ่มโค้ดต่อไปนี้ในคอนโซล JavaScript ของ coding playground คุณ สามารถใช้คอนโซลเบราว์เซอร์ได้:

setInterval(function() { alert("Hello there!") }, 3000)

โค้ดนี้จะ execute ซ้ำๆ ทุก 3 วินาที