JavaScript
HTML
CSS
PHP
Coming Soon
Generatori
Varie & Old

Timer (setTimeout, setInterval)

setTimeout, setInterval, clearTimeout e clearInterval

In JavaScript possiamo programmare l'esecuzione di funzioni con un ritardo o a intervalli regolari. Con setTimeout una funzione viene eseguita una sola volta dopo un certo tempo, con setInterval viene eseguita ripetutamente a intervalli fissi. Per fermare queste operazioni si usano clearTimeout e clearInterval, che annullano rispettivamente un timeout o un intervallo già avviato.

setTimeout

setTimeout() permette di eseguire un'operazione una sola volta dopo un determinato intervallo di tempo (espresso in millisecondi).

Codice Esempio: setTimeout

CODE: Javascriptpreleva codice
  1. console.log("Inizio");
  2.  
  3. setTimeout(() => {
  4.   console.log("Messaggio dopo 2 secondi");
  5. }, 2000);
  6.  
  7. console.log("Fine");

setInterval

setInterval() permette di ripetere l'esecuzione di un'operazione ogni determinato intervallo di tempo (in millisecondi). L'esecuzione continua finché non viene interrotta con clearInterval().

Codice Esempio: setInterval

CODE: Javascriptpreleva codice
  1. let contatore = 1;
  2.  
  3. let timer = setInterval(() => {
  4.   console.log("Esecuzione numero " + contatore);
  5.   contatore++;
  6.  
  7.   if (contatore > 5) {
  8.     clearInterval(timer);
  9.     console.log("Intervallo fermato");
  10.   }
  11. }, 1000);

clearTimeout e clearInterval

Entrambe le funzioni restituiscono un identificativo numerico (id). Questo id può essere usato per fermare l’esecuzione con clearTimeout() o clearInterval().

Codice Esempio: clearTimeout

CODE: Javascriptpreleva codice
  1. let id = setTimeout(() => {
  2.   console.log("Questo non verrà mai eseguito");
  3. }, 3000);
  4.  
  5. clearTimeout(id);

Tabella riassuntiva

Funzione Descrizione Esempio sintetico
setTimeout()Esegue un'operazione una sola volta dopo un intervallosetTimeout(fn, 2000)
setInterval()Ripete l'operazione a intervalli regolarisetInterval(fn, 1000)
clearTimeout()Interrompe un setTimeout programmatoclearTimeout(id)
clearInterval()Interrompe un setInterval attivoclearInterval(id)

Considerazioni

I metodi setTimeout e setInterval sono strumenti fondamentali per gestire azioni temporizzate in JavaScript. È importante ricordare che, sebbene un timer venga interrotto automaticamente alla chiusura o al cambio di pagina, in molti casi è utile fermarlo manualmente con clearTimeout o clearInterval. Questo permette di evitare esecuzioni indesiderate, ottimizzare le prestazioni e mantenere un controllo preciso del flusso del programma.


I Cookie su questo sito:

Il nostro sito utilizza cookie e altre tecnologie in modo tale che sia noi, sia i nostri partner, possiamo ricordarci di te e capire come tu e gli altri visitatori utilizzate il nostro sito. Qui puoi trovare ulteriori informazioni sui cookie e le altre tecnologie. Chiudendo questo banner o continuando la navigazione acconsenti all'uso dei cookie. Acconsento Info Cookies