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

Xiaomi vende 52,9 milhões de celulares no segundo trimestre de 2021 e faturamento dispara

A gigante chinesa Xiaomi registrou um aumento de quase 85% no seu faturamento no segundo trimestre de 2021 em comparação ao mesmo período do ano passado. A receita divulgada pela empresa foi de 13,5 bilhões de dólares (algo em torno de 70 bilhões de reais) nos meses de abril a junho deste ano...

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!