Finestra setTimeout()
Esempi
Attendi 5 secondi per il saluto:
const myTimeout = setTimeout(myGreeting, 5000);
Usa clearTimeout(myTimeout) per impedire l'esecuzione di myGreeting:
const myTimeout = setTimeout(myGreeting, 5000);
function myStopFunction() {
clearTimeout(myTimeout);
}
Altri esempi di seguito.
Definizione e utilizzo
Il setTimeout()
metodo chiama una funzione dopo un numero di millisecondi.
1 secondo = 1000 millisecondi.
Appunti
Viene setTimeout()
eseguito una sola volta.
Se hai bisogno di esecuzioni ripetute, usa setInterval()
invece.
Utilizzare il clearTimeout()
metodo per impedire l'avvio della funzione.
Per cancellare un timeout, usa l' id restituito da setTimeout():
myTimeout = setTimeout(function, milliseconds);
Quindi puoi interrompere l'esecuzione chiamando clearTimeout():
clearTimeout(myTimeout);
Guarda anche:
Sintassi
setTimeout(function, milliseconds, param1, param2, ...)
Parametri
Parameter | Description |
function | Required. The function to execute. |
milliseconds | Optional. Number of milliseconds to wait before executing. Default value is 0. |
param1, param2, ... |
Optional. Parameters to pass to the function. Not supported in IE9 and earlier. |
Valore di ritorno
Tipo | Descrizione |
Un numero | L'ID del timer. Utilizzare questo ID con clearTimeout(id) per annullare il timer. |
Altri esempi
Visualizza una finestra di avviso dopo 3 secondi (3000 millisecondi):
let timeout;
function myFunction() {
timeout = setTimeout(alertFunc, 3000);
}
function alertFunc() {
alert("Hello!");
}
Visualizza un testo temporizzato:
let x = document.getElementById("txt");
setTimeout(function(){ x.value = "2 seconds" }, 2000);
setTimeout(function(){ x.value = "4 seconds" }, 4000);
setTimeout(function(){ x.value = "6 seconds" }, 6000);
Apri una nuova finestra e chiudi la finestra dopo tre secondi (3000 millisecondi):
const myWindow = window.open("", "", "width=200, height=100");
setTimeout(function() {myWindow.close()}, 3000);
Conta per sempre - ma con la possibilità di fermare il conteggio:
function startCount()
function stopCount()
Un orologio creato con eventi temporali:
function startTime() {
const date = new Date();
document.getElementById("txt").innerHTML = date.toLocaleTimeString();
setTimeout(function() {startTime()}, 1000);
}
Passa i parametri alla funzione (non funziona in IE9 e precedenti):
setTimeout(myFunc, 2000, "param1", "param2");
Tuttavia, se utilizzi una funzione anonima, funzionerà in tutti i browser:
setTimeout(function() {myFunc("param1", "param2")}, 2000);
Supporto browser
setTimeout()
è supportato in tutti i browser:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |