Il metodo setTimeOut() di Javascript
Il metodo setTimeout() è una funzione built-in di JavaScript che mi permette di programmare l'esecuzione di un'altra funzione o di uno snippet di codice dopo un determinato lasso di tempo, specificato in millisecondi.
setTimeout(function, milliseconds)
E' un metodo dell'oggetto window che ammette due argomenti:
- function è la funzione che desideri eseguire dopo il lasso di tempo specificato.
- milliseconds è il ritardo prima dell'esecuzione della funzione, in millisecondi.
Questo metodo è molto utile per ritardare l'esecuzione di codice o per eseguire ripetute operazioni a intervalli di tempo. Posso usarlo in una varietà di applicazioni pratiche, come animazioni, operazioni asincrone, ecc.
Il metodo setTimeout() ammette anche ulteriori argomenti dopo i primi due (functions e milliseconds). Gli argomenti aggiuntivi sono gli eventuali parametri da passare alla funzione quando viene eseguita.
Un esempio
Questo codice esegue la funzionedopo 3 secondi:
setTimeout(function() {
alert("Ciao mondo!");
}, 3000);
Il metodo setTimeout() mi permette anche di aggiungere dei parametri facoltativi da passare dei valori alla funzione che voglio eseguire.
Ad esempio, in questo script definisco una funzione e la richiamo dopo un ritardo di 2 secondi passandogli come parametro "Mario".
function saluta(nome) {
alert("Ciao, " + nome + "!");
}
setTimeout(saluta, 2000, "Mario");
Dopo 2 secondi lo script visualizza un alert con la scritta "Ciao, Mario!".
Come cancellare il timeout?
Per annullare il timeout prima di essere eseguito, posso utilizzare la funzione clearTimeout().
Ad esempio, questo script imposta un ritardo di 5 secondi.
let mioTimeout = setTimeout(function() {
alert("Questo non verrà mai mostrato!");
}, 5000);
clearTimeout(mioTimeout);
Tuttavia, l'alert non viene eseguito perché l'ho cancellato prima che potesse eseguirsi.
