Ritardo prima dell'esecuzione in JavaScript

Analizziamo ora la funzione setTimeout, che permette di ritardare l'esecuzione del codice. Questo ritardo, a differenza della funzione setInterval, avverrà solo una volta.

Il primo parametro di setTimeout accetta il codice sorgente della funzione, mentre il secondo - il ritardo in millisecondi prima dell'esecuzione di quella funzione.

Osserviamo il funzionamento della funzione con un esempio. Supponiamo di avere un pulsante come questo:

html<input type="submit" id="elem">

Otteniamo un riferimento al nostro pulsante in una variabile:

javascriptlet elem = document.querySelector('#elem');

Ora facciamo in modo che cliccando sul pulsante appaia un alert, non immediatamente, ma dopo 3 secondi dal click:

javascriptelem.addEventListener('click', function() {
  setTimeout(function() {
    alert('!');
  }, 3000);
});