Alterar Imagem Automaticamente
Vou falar sobre uma função que pode não só trocar uma imagem automaticamente, mas executar qualquer outra função JavaScript a partir de um tempo determinado por você.
Conhecendo a função setTimeout()
Essa poderosa função é capaz de executar qualquer outra função. Sua sintaxe é a seguinte:
Executo o navegador, clico no botão iniciar, que chama a função exibirMensagem e, 5 segundos após...
Muito bem, agora vamos ao exemplo da troca da imagem:
Acessando a página a imagem está assim:
Então clico em Iniciar e, após 100 milissegundos...
A imagem é trocada!
SetInterval
Mas, e se quiséssemos repetir o disparo dessa função alert (ou de qualquer outra) de tempos em tempos? Fácil! Para isso existe outra função, chamada de setInterval. A sintaxe é a mesma, mas o número especificado irá determinar, também em milissegundos, o tempo entre uma execução e outra.
Se executarmos esse código veremos que, a cada 5 segundos, a mensagem será exibida.
Essas foram duas funções bastante importantes para manipulação de tempo em JavaScript!