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!



Algumas notícias

Google Chrome consumirá menos memória RAM em breve

O navegador da gigante de buscas da Internet é, sem dúvida, um dos melhores disponíveis, mas é inegável que o consumo de memória RAM por parte dele é exagerado. Este problema já se estende por anos, mas parece que em breve ele terá uma solução. Um novo recurso do Windows 10, chamado SegmentHeap...

Ler Notícia Completa
Você gostará destes vídeos!