 |
|
|
|
Você está aqui: JavaScript ::: Dicas & Truques ::: Timers em JavaScript |
Como criar um timer que se repete automaticamente usando o método setInterval() do objeto window do JavaScriptQuantidade de visualizações: 2098 vezes |
|
Em outras dicas do site nós vimos como usar o método setTimeout() para criar um timer. No entanto, esse método dispara apenas uma vez após o tempo decorrido, a menos que seja chamado novamente dentro da função de callback, dando um efeito recursivo. A função setInterval(), por sua vez, dispara continuamente, ou seja, se repete após decorrido um determinado tempo. Um bom exemplo de seu uso é a criação de um relógio digital em JavaScript. Veja o código a seguir: ----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------
<!doctype html>
<html>
<head>
<title>O método setInterval() do JavaScript</title>
</head>
<body>
<div id="relogio">00:00:00</div>
<script type="text/javascript">
// atualiza o relógio a cada segundo
setInterval(relogioDigital, 1000);
// função que permite exibir a hora atual em
// um elemento DIV
function relogioDigital(){
// obtém a data e hora atual
var agora = new Date();
// queremos exibir apenas as horas
var horas = agora.toLocaleTimeString();
// exibimos o resultado
document.getElementById("relogio").innerHTML = horas;
}
</script>
</body>
</html>
Ao executar este código JavaScript você verá um relógio digital na página HTML, que será atualizado a cada segundo. Para finalizar a dica, saiba que a função setInterval() do objeto window da linguagem JavaScript recebe dois argumentos. O primeiro argumento é o nome da função que será chamada repetidamente. O segundo argumento é o intervalo de disparo do timer, em milisegundos. |
 Link para compartilhar na Internet ou com seus amigos: |
Desafios, Exercícios e Algoritmos Resolvidos de JavaScript |
Veja mais Dicas e truques de JavaScript |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
|
1º lugar: Java |
