Bazele lucrului cu funcția setInterval în JavaScript

În această lecție vom învăța să lucrăm cu temporizatoare în JavaScript. După ce vei înțelege temporizatoarele, vei putea executa automat pe pagină diverse operații la un interval de timp stabilit. De exemplu, vei putea face un slider de imagini, în care imaginile se vor schimba în fiecare secundă.

Pentru lucrul cu temporizatoare în JavaScript se folosește funcția setInterval, care lansează codul specificat la anumite intervale de timp.

Această funcție funcționează în felul următor: primul parametru îl primește codul sursă al funcției, iar al doilea parametru - intervalul, la care această funcție va fi apelată automat. Al doilea parametru se stabilește în milisecunde (1000 milisecunde = 1 secundă).

Să studiem funcționarea acestei funcții cu un exemplu. De exemplu, să scriem un cod care în fiecare secundă va afișa ceva în consolă.

Pentru început, să facem o funcție care afișează ceva în consolă:

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

Și acum, cu ajutorul setInterval, vom face ca funcția creată de noi să se execute în fiecare secundă:

setInterval(timer, 1000);

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

Nu este obligatoriu să creezi o funcție separată - poți pur și simplu să transmiți în primul parametru al setInterval o funcție anonimă, astfel:

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

Lansează un temporizator care la fiecare 3 secunde va afișa ceva în consolă.