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:

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

Otteniamo un riferimento al nostro pulsante in una variabile:

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

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

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

Dato un paragrafo. Scrivi del codice che visualizzi un messaggio in questo paragrafo dopo 10 secondi dal caricamento della pagina.