A setInterval függvény alapjai JavaScriptben

Ebben a leckében megtanuljuk, hogyan kell dolgozni az időzítőkkel JavaScriptben. Miután megértetted az időzítőket, képes leszel automatikusan végrehajtani oldaladon műveleteket meghatározott időközönként. Például készíthetsz egy képcikket, amelyben a képek másodpercenként váltakoznak.

Az időzítőkkel való munkához JavaScriptben a setInterval függvényt használják, amely egy megadott kódot indít el meghatározott időközönként.

Ez a függvény a következőképpen működik: első paraméterként a függvény forráskódját fogadja, második paraméterként pedig azt az intervallumot, amelyenként ez a függvény automatikusan meg lesz hívva. A második paramétert ezredmásodpercben adjuk meg (1000 ezredmásodperc = 1 másodperc).

Nézzük meg a függvény működését egy példán. Például írjunk olyan kódot, amely másodpercenként kiír valamit a konzolra.

Először készítsünk egy függvényt, amely kiír valamit a konzolra:

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

És most a setInterval segítségével kényszerítsük, hogy az általunk létrehozott függvény másodpercenként fusson le:

setInterval(timer, 1000);

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

Nem szükséges külön függvényt létrehozni - egyszerűen átadhatunk egy névtelen függvényt a setInterval első paramétereként, így:

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

Indíts el egy időzítőt, amely minden 3 másodpercben kiír valamit a konzolra.