Spesso quando si scrive del codice Javascript si ha la necessità di attendere del tempo tra l'esecuzione di un'instruzione ed un'altra, ad esempio attendere il caricamento di un'immagine quando si usa l'oggetto Image, per ottenere questo spesso si incappa nell'errore comune di eseguire un ciclo che attende la verifica di una condizione come nel listato seguente:



Non essendo Javascript MultiThread questo ciclo while eseguirà un loop infinito che blocca il browser dell'utente facendo aumentare l'uso della CPU al 100%.

Per evitare questo problema si deve usare la funzione setTimeout che imposta un timer in millisecondi e allo scadere di questi esegue un'istruzione e la inseriremo in una funzione ricorsiva



in questo modo istanziamo l'oggetto Image e gli assegniamo il source dell'immagine da caricare, poi richiamiamo la funzione isLoaded passandogli come parametro l'istanza img. Questa funzione verifica se l'immagine è completamente caricata verificando che la proprietà complete sia impostata a true e in tal caso viene visualizzato un messaggio, altrimenti viene impostato un timer che richiama la funzione isLoaded in modo ricorsivo dopo 50 millisecondi.

Esiste la possibilità di interrompere il timer usando la funzione clearTimeout(idTimer);.

Detto questo potremmo avere l'esigenza di eseguire una determinata istruzione ripetutamente ad un intervallo specificato (sempre in millisecondi), come ad esempio visualizzare un orologio che si aggiorna ogni secondo:



in questo modo ad ogni secondo verrà richiamata la funzione ora che aggiorna il valore del campo di testo orario scrivendoci l'ora corrente.

Per interrompere l'esecuzione ad intervalli di questa funzione dobbiamo chiamare clearInterval(idIntervallo); passando come parametro l'id che ci viene ritornato dalla chiamata idIntervallo = setInterval('ora()', 1000);.