Osnove rada sa funkcijom setInterval u JavaScript-u

U ovoj lekciji ćemo naučiti kako da radimo sa tajmerima u JavaScript-u. Nakon što savladate tajmere, vi ćete moći automatski da izvršavate na stranici bilo koje operacije u zadatim vremenskim intervalima. Na primer, moći ćete da napravite slajder slika, u kojem će se slike menjati svake sekunde.

Za rad sa tajmerima u JavaScript-u koristi se funkcija setInterval, koja pokreće zadati kod u određenim vremenskim intervalima.

Ova funkcija radi na sledeći način: kao prvi parametar prihvata izvorni kod funkcije, a kao drugi parametar - interval, nakon kog će se ova funkcija automatski pozivati. Drugi parametar se zadaje u milisekundama (1000 milisekundi = 1 sekunda).

Hajde da proučimo rad funkcije na nekom primeru. Na primer, napišimo kod koji će svake sekunde da ispiše nešto u konzolu.

Za početak, napravićemo funkciju koja ispisuje nešto u konzolu:

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

A sada pomoću setInterval nateraćemo kreiranu funkciju da se izvršava svake sekunde:

setInterval(timer, 1000);

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

Nije obavezno kreirati posebnu funkciju - možete jednostavno da prosledite anonimnu funkciju kao prvi parametar setInterval, ovako:

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

Pokrenite tajmer koji će svakih 3 sekunde da ispiše nešto u konzolu.