Základy práce s funkcí setInterval v JavaScriptu

V této lekci se naučíme pracovat s časovači v JavaScriptu. Po zvládnutí časovačů budete moci automaticky provádět na stránce jakékoli operace v zadaném časovém intervalu. Například budete moci vytvořit posuvník obrázků, ve kterém se obrázky budou měnit každou sekundu.

Pro práci s časovači v JavaScriptu se používá funkce setInterval, která spouští zadaný kód v pravidelných intervalech.

Tato funkce pracuje následovně: prvním parametrem přijímá zdrojový kód funkce, a druhým parametrem - interval, po kterém bude tato funkce automaticky volána. Druhý parametr se zadává v milisekundách (1000 milisekund = 1 sekunda).

Pojďme si funkci prostudovat na nějakém příkladu. Například napíšeme kód, který každou sekundu bude něco vypisovat do konzole.

Nejprve vytvoříme funkci, která vypíše něco do konzole:

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

A nyní pomocí setInterval přinutíme naši vytvořenou funkci provádět se každou sekundu:

setInterval(timer, 1000);

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

Není nutné vytvářet samostatnou funkci - můžete jednoduše do prvního parametru setInterval předat anonymní funkci, takto:

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

Spusťte časovač, který každé 3 sekundy bude něco vypisovat do konzole.