Asas bekerja dengan fungsi setInterval dalam JavaScript

Dalam pelajaran ini, kita akan belajar bekerja dengan pemasa dalam JavaScript. Setelah memahami pemasa, anda akan dapat melaksanakan operasi secara automatik pada halaman pada selang masa yang ditetapkan. Sebagai contoh, anda boleh membuat peluncur gambar, di mana gambar akan bertukar setiap saat.

Untuk bekerja dengan pemasa dalam JavaScript, digunakan fungsi setInterval, yang menjalankan kod yang ditetapkan pada selang masa tertentu.

Fungsi ini berfungsi seperti berikut: parameter pertama ia menerima kod sumber fungsi, dan parameter kedua - selang masa, selepas itu fungsi ini akan dipanggil secara automatik. Parameter kedua ditetapkan dalam milisaat (1000 milisaat = 1 saat).

Mari kita kaji kerja fungsi dengan beberapa contoh. Sebagai contoh, tulis kod yang setiap saat akan mencetak sesuatu ke konsol.

Sebagai permulaan, mari buat fungsi yang mencetak sesuatu ke konsol:

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

Dan sekarang dengan menggunakan setInterval, mari kita pastikan fungsi yang kami buat dilaksanakan setiap saat:

setInterval(timer, 1000);

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

Tidak perlu membuat fungsi berasingan - anda hanya boleh menghantar fungsi tanpa nama kepada parameter pertama setInterval, seperti ini:

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

Jalankan pemasa yang setiap 3 saat akan mencetak sesuatu ke konsol.