setTimeout JavaScript คือคำสั่งอะไร ใช้ทำอะไร

setTimeout JavaScript คือ คำสั่งหน่วงเวลาการทำงานของโค้ด หรือฟังก์ชัน โดยคำสั่ง setTimeout รับค่า argument 2 ค่า คือ 1. ชุดคำสั่ง หรือชื่อฟังก์ชันที่จะหน่วงการทำงาน และ 2. มิลลิวินาทีในการหน่วง เช่น 1000 คือ 1 วินาที สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่างที่ 1 setTimeout JavaScript แบบใส่ชุดคำสั่ง

<script>
    function welcome(){
        setTimeout(function(){ alert("ยินดีต้อนรับสู่ Devdit") }, 2000);
    }
    welcome();
</script>

เมื่อหน้าเว็บไซต์โหลดขึ้นมาฟังก์ชัน welcome จะถูกเรียกใช้งาน โดยมีการหน่วงเวลาการทำงานไว้ที่ 2000 คือ 2 วินาที เมื่อหมดเวลาแล้วจึงแสดง alert พร้อมข้อความว่า ยินดีต้อนรับสู่ Devdit

ตัวอย่างที่ 2 setTimeout JavaScript แบบใส่ชื่อฟังก์ชัน

<script>
    function welcome(){
        setTimeout("callAlert()", 2000);
    }
    function callAlert() {
        alert("ยินดีต้อนรับสู่ Devdit");
    }
    welcome();
</script>

เมื่อหน้าเว็บไซต์โหลดขึ้นมาฟังก์ชัน welcome จะถูกเรียกใช้งาน โดยมีการหน่วงเวลาการทำงานไว้ที่ 2000 คือ 2 วินาที เมื่อหมดเวลาแล้วจึงเรียกใช้ฟังก์ชัน callAlert ซึ่งภายฟังก์ชันดังกล่าวจะแสดง alert พร้อมข้อความว่า ยินดีต้อนรับสู่ Devdit