Pamatinformācija par setInterval funkcijas lietošanu JavaScript

Šajā nodarbībā mēs iemācīsimies strādāt ar taimeriem JavaScript. Apgūstot taimerus, jūs varēsit automātiski izpildīt lapā jebkādas darbības noteiktā laika intervālā. Piemēram, varēsiet izveidot attēlu slīdni, kurā attēli mainīsies katru sekundi.

Lai strādātu ar taimeriem JavaScript, tiek izmantota funkcija setInterval, kas palaiž noteikto kodu ar regulāriem intervāliem.

Šī funkcija darbojas šādi: pirmā parametrā tā pieņem funkcijas pirmkodu, bet otrajā parametrā - intervālu, ar kādu šī funkcija tiks automātiski izsaukta. Otrais parametrs tiek norādīts milisekundēs (1000 milisekundes = 1 sekunde).

Izpētīsim funkcijas darbību ar kādu piemēru. Piemēram, uzrakstīsim kodu, kas katru sekundi kaut ko izvadīs konsolē.

Vispirms izveidosim funkciju, kas izvada kaut ko konsolē:

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

Un tagad, izmantojot setInterval, liksim mūsu izveidotajai funkcijai izpildīties katru sekundi:

setInterval(timer, 1000);

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

Nav obligāti jāveido atsevišķa funkcija - var vienkārši pirmajā parametrā setInterval padot anonīmu funkciju, šādi:

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

Palaidiet taimeri, kas ik pēc 3 sekundēm kaut ko izvadīs konsolē.