Retraso antes de la ejecución en JavaScript

Ahora analicemos la función setTimeout, que permite crear un retraso antes de ejecutar el código. Este retraso, a diferencia de la función setInterval, ocurrirá solo una vez.

El primer parámetro de setTimeout recibe el código fuente de la función, y el segundo - el retraso en milisegundos antes de ejecutar esa función.

Veamos el funcionamiento de la función con algún ejemplo. Supongamos que tenemos un botón como este:

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

Obtengamos una referencia a nuestro botón en una variable:

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

Ahora hagamos que al hacer clic en el botón se muestre un alert en pantalla, pero no inmediatamente, sino después de 3 segundos desde el clic:

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

Dado un párrafo. Escribe un código que muestre un mensaje en este párrafo después de 10 segundos de cargar la página.