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

O que acontece com o cérebro no exato momento em que morremos

O que passa em nossa cabeça no momento da morte? Não se sabe exatamente e, embora os cientistas tenham alguma resposta, a resposta continua sendo um grande mistério. Além de difícil solução, tentar respondê-la pode criar implicações éticas. No entanto, uma equipe de cientistas da Universidade...

Ler Notícia Completa

Operada e devolvida ao útero, menina que nasceu duas vezes hoje 'acorda sorrindo toda manhã'

Um bebê pode nascer duas vezes? Não é o caso da absoluta maioria das crianças, mas foi assim para a pequena Lynlee Boemer. Em outubro de 2015, sua mãe, Margaret Boemer, descobriu que estava grávida de gêmeos. Ela sofreu um aborto espontâneo, mas um dos bebês sobreviveu. Com dez semanas de ges...

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