ฟังก์ชัน setInterval

ฟังก์ชัน setInterval ดำเนินการรัน โค้ดผ่านช่วงเวลาที่กำหนด พารามิเตอร์แรก ควรส่งผ่าน callback, และพารามิเตอร์ที่สอง - เวลาในหน่วยมิลลิวินาที ซึ่งระบุ ว่าผ่านช่วงเวลาใดโค้ดที่กำหนดโดยพารามิเตอร์แรกจะถูกทำซ้ำ ฟังก์ชันส่งกลับตัวระบุเฉพาะ ซึ่งสามารถใช้หยุดไทม์เมอร์ได้ สำหรับการนี้ ควรส่งตัวระบุนี้ไปยัง ฟังก์ชัน clearInterval

ไวยากรณ์

javascriptsetInterval(ฟังก์ชัน, เวลา);

ตัวอย่าง

มาเริ่มต้นไทม์เมอร์ ซึ่งทุกหนึ่งวินาทีจะแสดง ข้อความบางอย่างในคอนโซล:

javascriptsetInterval(function() {
  console.log('ข้อความ');
}, 1000);

ตัวอย่าง

มาเริ่มต้นไทม์เมอร์ ซึ่งทุกหนึ่งวินาทีจะแสดง จำนวนเต็มเรียงจากน้อยไปหามากในคอนโซล:

javascriptlet i = 0;

setInterval(function() {
  console.log(i++);
}, 1000);

ตัวอย่าง

หยุดไทม์เมอร์เมื่อตัวนับถึงค่า 10:

javascriptlet i = 0;

let id = setInterval(function() {
  i++;
  
  if (i == 10) {
    clearInterval(id);
  } else {
    console.log(i);
  }
}, 1000);

ดูเพิ่มเติม