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

As memórias DDR5 estão chegando e trarão muitas melhorias

A próxima geração de memórias RAM já possui especificações definidas e promete grande melhoria em relação às atuais DDR4. E o mais importante: mesmo com desempenho bastante superior, elas consumirão menos energia. A tensão de trabalho das memórias DDR5 será de apenas 1.1V contra os 1.2V das atu...

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