 |
|
 Código-Fonte Controle de Estoque completo com código fonte em PHP, MySQL, Bootstrap, jQuery - 100% funcional e fácil de modificar e implementar novas funcionalidadesTenha o seu próprio sistema de controle de estoque web. com cadastro de produtos, categorias, fornecedores, entradas e saídas de produtos, com relatórios por data, margem de lucro e muito mais. Código simples e fácil de modificar. Acompanha instruções para instalação e criação do banco de dados MySQL. Clique aqui e saiba mais |
|
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: 2847 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
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 |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
|
1º lugar: Java |
