Osnove dela s funkcijo setInterval v JavaScript

V tej lekciji se bomo naučili delati s časovniki v JavaScript. Ko boste razumeli časovnike, boste lahko samodejno izvajali določene operacije na strani v danem časovnem intervalu. Na primer, lahko naredite drsnik s slikami, kjer se slike menjajo vsako sekundo.

Za delo s časovniki v JavaScript se uporablja funkcija setInterval, ki zaganja dano kodo v določenih časovnih intervalih.

Ta funkcija deluje na naslednji način: kot prvi parameter sprejme izvorno kodo funkcije, kot drugi parameter pa interval, v katerem se bo ta funkcija samodejno klicati. Drugi parameter je podan v milisekundah (1000 milisekund = 1 sekunda).

Oglejmo si delovanje funkcije na primeru. Na primer, napišimo kodo, ki bo vsako sekundo kaj izpisala v konzolo.

Za začetek naredimo funkcijo, ki kaj izpiše v konzolo:

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

In zdaj s pomočjo setInterval prisilimo našo ustvarjeno funkcijo, da se izvaja vsako sekundo:

setInterval(timer, 1000);

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

Ni nujno, da ustvarite ločeno funkcijo - lahko preprosto v prvi parameter setInterval podate anonimno funkcijo, takole:

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

Zaženite časovnik, ki bo vsakih 3 sekunde kaj izpisal v konzolo.