 |
|
||||
 Planilha Web - Planilhas e Calculadoras online para estudantes e profissionais de Engenharia Civil, Engenharia Elétrica e Engenharia Mecânica. |
|||||
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: 2751 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: ----------------------------------------------------------------------
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>
<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
var horas = agora.toLocaleTimeString();
// exibimos o resultado
document.getElementById("relogio").innerHTML = horas;
}
function parar(){
window.clearInterval(timer);
window.alert("O timer foi interrompido.");
}
</script>
</body>
</html>
Como desafio, que tal colocar um outro botão para iniciar o timer novamente? |
 Link para compartilhar na Internet ou com seus amigos: |
Desafios, Exercícios e Algoritmos Resolvidos de JavaScript |
Veja mais Dicas e truques de JavaScript |
Dicas e truques de outras linguagens |
|
JavaScript - Como retornar o dia da semana em JavaScript no formato Domingo, Segunda-feira, Terça-feira, etc |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
|
1º lugar: Java |
