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: 1929 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: <!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(){ 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. |
![]() |
Desafios, Exercícios e Algoritmos Resolvidos de JavaScript |
Veja mais Dicas e truques de JavaScript |
Dicas e truques de outras linguagens |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
1º lugar: Java |