com elas podemos definir um intervalo de
tempo que um evento irá acontecer.
A sintaxe das duas funções é idêntica. O que muda é como agem.
Sintaxe:
window.setTimeout(‘funcao()’, intervalo_em_milisegundos);
window.setInterval(‘funcao()’, intervalo_em_milisegundos);
As duas funções irão chamar uma segunda função passada por parâmetro no intervalo determinado também por parâmetro.
Sendo a setTimeout() chamando a função uma única vez. Enquanto a setInterval() chama a função “infinitamente” sempre no mesmo intervalo de tempo.
Para pausar a função usa-se clearInterval(). Passando como parâmetro o nome do seu intervalo.
Ex:
var intervalo = window.setInterval(lerolero, 1000);
function lerolero() {
window.alert(“Popup”);
}
clearInterval(intervalo);
Juntando as duas funções podemos “brincar” fazendo por exemplo um script que simula um sorteio.
Ex:
var intervalo = window.setInterval(function() {
//aqui ficaria o que a função vai fazer
}, 50);
window.setTimeout(function() {
clearInterval(intervalo);
}, 3000);
Explicando: A setInterval() vai executar o que for definido dentro de uma função passada como parâmetro em 50 em 50 milisegundos. Isso durante 3000 milisegundos (3 segundos), que é o tempo definido na setTimeout() para entrar na função que pausa a setInterval.
Deu pra entender né? Veja o script um pouco mais incrementado em funcionamento aqui.
mais sobre:
http://javascript.about.com/library/blstvsi.htm
http://www.w3schools.com/js/js_timing.asp
0 comentários:
Postar um comentário