Základy práce s funkciou setInterval v JavaScripte

V tejto lekcii sa naučíme pracovať s časovačmi v JavaScripte. Keď pochopíte časovače, budete vedieť automaticky vykonávať na stránke rôzne operácie v stanovených intervaloch. Napríklad budete môcť vytvoriť slidshow obrázkov, v ktorom sa obrázky budú meniť každú sekundu.

Pre prácu s časovačmi v JavaScripte sa používa funkcia setInterval, ktorá spúšťa zadaný kód v pravidelných intervaloch.

Táto funkcia funguje nasledovne: ako prvý parameter prijíma zdrojový kód funkcie, a ako druhý parameter - interval, v ktorom sa táto funkcia bude automaticky volať. Druhý parameter sa zadáva v milisekundách (1000 milisekúnd = 1 sekunda).

Pozrime sa na prácu funkcie na príklade. Napríklad napíšme kód, ktorý každú sekundu niečo vypíše do konzoly.

Najprv vytvorme funkciu, ktorá niečo vypíše do konzoly:

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

A teraz pomocou setInterval donútime vytvorenú funkciu vykonávať sa každú sekundu:

setInterval(timer, 1000);

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

Nie je nevyhnutné vytvárať samostatnú funkciu - môžete jednoducho ako prvý parameter setInterval odovzdať anonymnú funkciu, takto:

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

Spustite časovač, ktorý každých 3 sekundy niečo vypíše do konzoly.