Podstawy pracy z funkcją setInterval w JavaScript

W tej lekcji nauczymy się pracować z timerami w JavaScript. Po opanowaniu timerów, będziesz mógł automatycznie wykonywać na stronie różne operacje w określonych odstępach czasu. Na przykład, będziesz mógł zrobić slider obrazów, w którym obrazy będą zmieniać się co sekundę.

Do pracy z timerami w JavaScript używana jest funkcja setInterval, która uruchamia określony kod w regularnych odstępach czasu.

Ta funkcja działa w następujący sposób: pierwszym parametrem przyjmuje kod źródłowy funkcji, a drugim parametrem - interwał, po którym ta funkcja będzie automatycznie wywoływana. Drugi parametr jest podawany w milisekundach (1000 milisekund = 1 sekunda).

Przeanalizujmy działanie funkcji na jakimś przykładzie. Na przykład, napiszmy kod, który co sekundę będzie coś wypisywać w konsoli.

Na początek zróbmy funkcję, wypisującą coś w konsoli:

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

A teraz za pomocą setInterval sprawmy, aby stworzona przez nas funkcja wykonywała się co sekundę:

setInterval(timer, 1000);

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

Nie trzeba tworzyć oddzielnej funkcji - można po prostu w pierwszy parametr setInterval przekazać funkcję anonimową, o tak:

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

Uruchom timer, który co 3 sekundy będzie coś wypisywać w konsoli.