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:

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

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

javascriptlet 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:

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