Atraso antes da execução em JavaScript

Vamos agora analisar a função setTimeout, que permite criar um atraso antes da execução do código. Este atraso, ao contrário da função setInterval, ocorrerá apenas uma vez.

O primeiro parâmetro de setTimeout recebe o código fonte da função, e o segundo - o atraso em milissegundos antes da execução dessa função.

Vamos ver o funcionamento da função em um exemplo. Suponha que temos o seguinte botão:

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

Vamos obter a referência ao nosso botão em uma variável:

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

Agora vamos fazer com que ao clicar no botão seja exibido um alert na tela, mas não imediatamente, e sim após 3 segundos do clique:

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