 |
|
|
|
Você está aqui: JavaScript ::: Dicas & Truques ::: Timers em JavaScript |
Como interromper um timer setTimeout() usando a função clearTimeout() do JavaScriptQuantidade de visualizações: 3372 vezes |
|
Como já vimos em outras dicas dessa seção, o método setTimeout() do objeto window do JavaScript pode ser usado quando queremos disparar um ação após decorrido um determinado tempo, ou seja, um timer que vai, após o tempo informado, disparar um trecho de código. Agora veremos como é possível interromper a execução de um timer setTimeout() usando o método clearTimeout() do objeto window. Para isso, analise atentamente o código abaixo: ----------------------------------------------------------------------
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 setTimeout() do JavaScript</title>
<script type="text/javascript">
// função que direciona o navegador para outra página
function direcionar(){
window.location.href = "https://www.google.com";
}
// função que permite interromper o timer
function interromper(){
window.clearTimeout(timer);
window.alert("Timer interrompido com sucesso.");
}
// dispara a função direcionar()
var timer = window.setTimeout(direcionar, 5000);
</script>
</head>
<body>
<h2>Você será redirecionado em 5 segundos, a menos que você
clique no botão abaixo.</h2>
<button onclick="interromper()">Interromper Timer</button>
</body>
</html>
Veja que temos um timer setTimeout() que será disparado após decorridos 5 segundos. Quando isso acontecer, a função direcionar() será chamada e o browser será direcionado para outra URL. No entanto, se o botão for clicado antes disso, a função interromper() será chamada e, no corpo dela, uma chamada à clearTimeout() fará com que a execução do timer seja cancelada. Note que o método clearTimeout() recebe o identificador do timer setTimeout() que, no nosso exemplo, é a variável "timer". |
 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 |
|
C - Como ler o conteúdo de um arquivo um caractere de cada vez usando a função fgetc() da linguagem C |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
|
1º lugar: Java |
