Você está aqui: JavaScript ::: Dicas & Truques ::: Timers em JavaScript |
Como parar a execução de um timer setInterval() usando a função clearInterval() do objeto window do JavaScriptQuantidade de visualizações: 2627 vezes |
Como vimos em dicas anteriores, o método setInterval() do objeto window da linguagem JavaScript é usado quando queremos criar um timer que será repetido indefinidamente, ou seja, enquanto a página HTML estiver aberta. Porém, em alguns casos, pode ser necessário interromper essa repetição. Para isso podemos usar o método clearInterval(), também do objeto window. Este método recebe o identificador do timer e, quando chamado, faz com que a repetição seja interrompida. Vamos ver um exemplo? Na página abaixo nós temos um timer setInterval() usado para exibir um relógio digital que é atualizado a cada segundo. Temos também um botão que, quando clicado, interromperá a repetição do timer. Veja o código completo: <!doctype html> <html> <head> <title>O método setInterval() do JavaScript</title> </head> <body> <h2>Clique no botão para parar o timer</h2> <div id="relogio">00:00:00</div> <button onClick="parar()">Parar</button> <script type="text/javascript"> // atualiza o relógio a cada segundo var timer = 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 Como desafio, que tal colocar um outro botão para iniciar o timer novamente? |
![]() |
Desafios, Exercícios e Algoritmos Resolvidos de JavaScript |
Veja mais Dicas e truques de JavaScript |
Dicas e truques de outras linguagens |
Python - Como obter o resto de uma divisão de inteiros em Python - O operador módulo % da linguagem Python JavaScript - Como adicionar zeros (ou outro caractere) no início de uma string usando o método padStart() da linguagem JavaScript |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
1º lugar: Java |