Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17722
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

setTimeout e clearTimeout

24-09-2007 12:56

Vou passar 2 exemplos bem básicos de como funciona o setTimeout e o clearTimeout.

No primeiro exemplo, carregamos a função mostra() no body.
Essa função vai incrementar um valor a cada alerta.
Quando esse valor for maior que 3 a função é cancelada.

<script type="text/javascript"> valor = 0; function mostra() { alert("o número é: "+valor) valor++; id = setTimeout("mostra()", 3000); if(valor > 3) { clearTimeout(id) } } </script> <body onload="mostra()">

No próximo código, mostro como cancelar essa ação, por um link, ou seja, ao clicar no link, limpamos o setTimeout.

<script type="text/javascript"> valor = 0; function mostra() { alert("o número é: "+valor) valor++; id = setTimeout("mostra()", 3000); } function limpa() { clearTimeout(id) } </script> <body onload="mostra()"> <a href="javascript:limpa()">limpa</a>

Só copiar os códigos e testar o funcionamento.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado