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:
<input type="submit" id="elem">
Vamos obter a referência ao nosso botão em uma variável:
let 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:
elem.addEventListener('click', function() {
setTimeout(function() {
alert('!');
}, 3000);
});
Dado um parágrafo. Escreva um código que exiba
uma mensagem neste parágrafo após 10 segundos
do carregamento da página.
