พื้นฐานการทำงานกับฟังก์ชัน setInterval ใน JavaScript

ในบทเรียนนี้ เราจะเรียนรู้วิธีการทำงานกับตัวจับเวลา ใน JavaScript เมื่อเข้าใจการทำงานของตัวจับเวลาแล้ว คุณ จะสามารถดำเนินการใดๆ บนหน้าเว็บอัตโนมัติผ่านช่วงเวลา ที่กำหนดได้ ตัวอย่างเช่น สามารถสร้างสไลด์รูปภาพ ซึ่งรูปภาพจะเปลี่ยนไป ทุกวินาที

สำหรับการทำงานกับตัวจับเวลาใน JavaScript ใช้ ฟังก์ชัน setInterval ซึ่งจะรัน โค้ดที่กำหนดผ่านช่วงเวลา ที่กำหนด

ฟังก์ชันนี้ทำงานดังนี้: พารามิเตอร์แรก รับ โค้ดต้นฉบับ ของฟังก์ชัน และพารามิเตอร์ที่สอง - ช่วงเวลา ซึ่งฟังก์ชันนี้จะถูกเรียกอัตโนมัติ พารามิเตอร์ที่สองกำหนดเป็นมิลลิวินาที (1000 มิลลิวินาที = 1 วินาที)

มาศึกษาการทำงานของฟังก์ชันด้วย ตัวอย่างสักตัวอย่าง ตัวอย่างเช่น เขียนโค้ดที่ทุกๆ วินาทีจะพิมพ์อะไรบางอย่างออกคอนโซล

เริ่มต้น สร้างฟังก์ชันที่พิมพ์อะไรบางอย่าง ออกคอนโซล:

function timer() {
	console.log('!');
}

จากนั้นใช้ setInterval บังคับ ให้ฟังก์ชันที่เราสร้างขึ้นทำงานทุกวินาที:

setInterval(timer, 1000);

function timer() {
	console.log('!');
}

ไม่จำเป็นต้องสร้างฟังก์ชันแยก - สามารถส่งผ่านฟังก์ชันไม่ระบุชื่อในพารามิเตอร์แรกของ setInterval ได้เลย แบบนี้:

setInterval(function() {
	console.log('!');
}, 1000);

เริ่มตัวจับเวลา ซึ่งทุกๆ 3 วินาที จะพิมพ์อะไรบางอย่างออกคอนโซล