Minicursos - Javascript

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:

Alterar imagem automaticamente - JavaScript

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:

Alterar imagem automaticamente - JavaScript

Acessando a página a imagem está assim:

SetTimeout JavaScript

Então clico em Iniciar e, após 100 milissegundos...

SetTimeout JavaScript

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.

SetTimeout JavaScript

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!



Notícias - Games

Atari VCS é finalmente lançado e surpreende

O Atari VCS foi lançado recentemente e trouxe suporte a praticamente todos os serviços de streaming de jogos já disponíveis. A única exceção foi por conta do Playstation Now, cujo suporte nativo não é oferecido, mas ele pode ser acessado através do modo PC do VCS, já que o console possui Googl...

Ler Notícia Completa
Ajude o Contém Bits com um cafezinho!

Se você gostou do artigo, se ele lhe foi útil de alguma maneira e você quiser ajudar o Contém Bits, saiba que é simples, fácil e rápido. Basta clicar na imagem do PayPal (ou no cafezinho) e seguir as instruções, em ambiente seguro e com o respaldo do Paypal. Eu agradeço muito! :)


Você gostará destes vídeos!