Fondamenti di lavoro con la funzione setInterval in JavaScript

In questa lezione impareremo a lavorare con i timer in JavaScript. Una volta compresi i timer, potrai eseguire automaticamente sulle pagine operazioni qualsiasi ad intervalli prestabiliti. Ad esempio, sarà possibile creare uno slider di immagini, in cui le immagini cambiano ogni secondo.

Per lavorare con i timer in JavaScript si utilizza la funzione setInterval, che avvia il codice specificato a intervalli regolari di tempo.

Questa funzione funziona nel modo seguente: come primo parametro accetta il codice sorgente della funzione, e come secondo parametro - l'intervallo, dopo il quale questa funzione verrà chiamata automaticamente. Il secondo parametro è specificato in millisecondi (1000 millisecondi = 1 secondo).

Studiamo il funzionamento della funzione con un esempio. Ad esempio, scriviamo un codice che ogni secondo stamperà qualcosa nella console.

Per iniziare, creiamo una funzione che stampi qualcosa nella console:

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

E ora con setInterval facciamo in modo che la funzione da noi creata venga eseguita ogni secondo:

setInterval(timer, 1000);

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

Non è necessario creare una funzione separata - è possibile passare direttamente nel primo parametro di setInterval una funzione anonima, in questo modo:

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

Avvia un timer che ogni 3 secondi stampi qualcosa nella console.