setInterval()
เป็นหนึ่งใน Timing Events หลายอย่าง Window Object อนุญาตให้ โค้ด ทำงานทุก ช่วงเวลาที่กำหนด Object นี้มี setInterval() สำหรับทำซ้ำฟังก์ชันทุกช่วงเวลาที่กำหนด รับพารามิเตอร์ 2 ตัว คือ ฟังก์ชัน และเวลา (มิลลิวินาที) ที่ระบุช่วงเวลาที่ฟังก์ชันควร ทำซ้ำ
Syntax
window.setInterval(function, milliseconds, param1, param2, ...));
เมธอดนี้ยังรับพารามิเตอร์อื่นๆ และส่งต่อให้ฟังก์ชันได้
ตัวอย่างที่ 1
ในตัวอย่างนี้ กำหนด setInterval() และช่วงเวลา 3000 มิลลิวินาที (3 วินาที) ฟังก์ชันภายในจะทำซ้ำทุก 3 วินาที ผลลัพธ์ในช่วง 9 วินาที แสดงใน Output
<html> <body> <script> setInterval(function(){ document.write("Tutorix </br>"); }, 3000); </script> </body> </html>
ผลลัพธ์
Tutorix Tutorix Tutorix
ตัวอย่างที่ 2
ในตัวอย่างนี้ กำหนด setInterval() ช่วงเวลา 2000 มิลลิวินาที ฟังก์ชันทำซ้ำทุก 2 วินาที
<html> <body> <script> setInterval(function(){ document.write("Hello </br>"); }, 2000); </script> </body> </html>
ผลลัพธ์
Hello Hello
