Gli ultimi tutorial di sviluppo web
 

Finestra setTimeout() Method

<Window Object

Esempio

Visualizzare una finestra di avviso dopo 3 secondi (3000 milliseconds) :

setTimeout(function(){ alert("Hello"); }, 3000);
Prova tu stesso "

Più "Try it Yourself" esempi di seguito.

Definizione e l'utilizzo

Il setTimeout() metodo chiama una funzione o valuta un'espressione dopo un numero specificato di millisecondi.

Tip: 1000 ms = 1 secondo.

Suggerimento: La funzione viene eseguita solo una volta. Se è necessario ripetere l'esecuzione, utilizzare il setInterval() metodo.

Suggerimento: Utilizzare la clearTimeout() metodo per impedire la funzione di esecuzione.

Supporto browser

I numeri nella tabella indicano la prima versione del browser che supporta pienamente il metodo.

Metodo
setTimeout() 1.0 4.0 1.0 1.0 4.0

Sintassi

setTimeout( function,milliseconds,param1,param2,... )

valori dei parametri

Parametro Descrizione
function Necessario. La funzione che sarà eseguito
milliseconds Necessario. Il numero di millisecondi da attendere prima di eseguire il codice
param1,param2,... Opzionale. Ulteriori parametri da passare alla funzione (non supportato in IE9 e precedenti)

Dettagli tecnici

Valore di ritorno: Un numero, che rappresenta il valore ID del timer impostato. Utilizzare questo valore con il clearTimeout() metodo per annullare il timer
Esempi

Altri esempi

Esempio

Si può anche fare riferimento a "named" la funzione; Visualizzare una finestra di avviso dopo 3 secondi (3000 milliseconds) :

var myVar;

function myFunction() {
    myVar = setTimeout(alertFunc, 3000);
}

function alertFunc() {
    alert("Hello!");
}
Prova tu stesso "

Esempio

Visualizzare un testo temporizzato:

var 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);
Prova tu stesso "

Esempio

Aprire una nuova finestra e chiudere la finestra dopo tre secondi (3000 millisecondi):

var myWindow = window.open("", "", "width=200, height=100");
myWindow.document.write("<p>This is 'myWindow'</p>");
setTimeout(function(){ myWindow.close() }, 3000);
Prova tu stesso "

Esempio

Utilizzando clearTimeout() per evitare che la funzione da eseguire:

var myVar;

function myFunction() {
    myVar = setTimeout(function(){ alert("Hello") }, 3000);
}

function myStopFunction() {
    clearTimeout(myVar);
}
Prova tu stesso "

Esempio

Contare sempre - ma con la possibilità di fermare il conteggio:

function startCount()
function stopCount()
Prova tu stesso "

Esempio

Un orologio creato con gli eventi di temporizzazione:

function startTime() {
    var today = new Date();
    var h = today.getHours();
    var m = today.getMinutes();
    var s = today.getSeconds();
    // add a zero in front of numbers<10
    m = checkTime(m);
    s = checkTime(s);
    document.getElementById("txt").innerHTML = h+ ":" + m + ":" + s;
    t = setTimeout(function(){ startTime() }, 500);
}

function checkTime(i) {
    if (i<10) {
        i = "0" + i;
    }
    return i;
}
Prova tu stesso "

Esempio

Passare parametri alla funzione alertFunc (does not work in IE9 and earlier) :

var myVar;

function myStartFunction() {
    myVar = setTimeout(alertFunc, 2000, "First param", "Second param");
}
Prova tu stesso "

Tuttavia, se si utilizza una funzione anonima, che funzionerà in tutti i browser:

var myVar;

function myStartFunction() {
    myVar = setTimeout(function(){ alertFunc("First param", "Second param"); }, 2000);
}
Prova tu stesso "

Pagine correlate

Finestra Oggetto: href="met_win_cleartimeout.html"> clearTimeout() Method

Finestra Oggetto: href="met_win_setinterval.html"> setInterval() Method

Finestra Oggetto: href="met_win_clearinterval.html"> clearInterval() Method

<Window Object