JavaScript-də setInterval funksiyası ilə işin əsasları

Bu dərsdə biz JavaScript-də taymerlər ilə işləməyi öyrənəcəyik. Taymerləri başa düşdükdən sonra, siz səhifədə müəyyən əməliyyatları müəyyən vaxt intervalı ilə avtomatik olaraq yerinə yetirə biləcəksiniz. Məsələn, hər saniyə şəkillərin dəyişdiyi bir şəkil slayderi edə bilərsiniz.

JavaScript-də taymerlərlə işləmək üçün setInterval funksiyası istifadə olunur, hansı ki, müəyyən edilmiş kodu müəyyən fasilələrlə işə salır.

Bu funksiya aşağıdakı kimi işləyir: birinci parametr kimi o, funksiyanın mənbə kodunu qəbul edir, ikinci parametr kimi isə - intervalı, hansı ilə ki, bu funksiya avtomatik olaraq çağırılacaq. İkinci parametr millisaniyələrdə təyin olunur (1000 millisaniyə = 1 saniyə).

Gəlin funksiyanın işini bir nümunə üzərində öyrənək. Məsələn, hər saniyə konsola nəsə çıxaran bir kod yazaq.

Əvvəlcə konsola nəsə çıxaran bir funksiya edək:

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

İndi isə setInterval köməyi ilə yaratdığımız funksiyanın hər saniyə icra olunmasını təmin edək:

setInterval(timer, 1000);

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

Ayrı bir funksiya yaratmaq mütləq deyil - sadəcə birinci parametrə setInterval anonim funksiya ötürmək olar, belə:

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

Hər 3 saniyədən bir konsola nəsə çıxaran bir taymer işə salın.