setTimeout e setInterval

• Tweet
• Sharebar

• Tweet

setTimeout e setInterval

E ai galera MX, esse argito é sobre as funções setTimeout e setInterval. Essas são duas funções do Javascript interessantes, elas podem ser usadas pra definir o momento da execução de um evento.

A função setTimeout define que após um intervalo de tempo um evento irá acontecer, esse evento deve estar em uma outra função que você poderá criar. Segue a sintaxe:

window.setTimeout(função, tempo_em_milisegundos)

A função setInterval funciona de forma parecida, mas ao invés de determinar depois de quanto tempo um evento irá acontecer, ela define que a cada intervalo de tempo o evento irá acontecer. A sintaxe é a mesma de setTimeout:

window.setInterval(função, tempo_em_milisegundos)

Para parar a execução do evento definido em setInterval há ainda a função clearInterval que recebe como parâmetro uma variável de referência ao intervalo.

var intervalo = window.setInterval(alerta(), 1000)
var i = 0
function alerta() {
if(i < 11){
alert(Math.random() * i)
i++
}else{
clearInterval(intervalo)
}
}

Acima, defini um intervalo de 1 segundo para chamar a função alerta, ela vai verificar se o valor da variável i é menor que 11 e se for soma 1 e exibe uma mensagem de alerta mostrando i multiplicado por um número aleatório. Se i for maior ou igual a 11 o intervalo é eliminado por clearInterval.

Outro exemplo:

window.setTimeout(function () {
alert(“Esta página está em execução há 30 segundos”)
}, 30000)

Como pode ser visto, a função pode ser definida dentro do próprio setTimeout, com o detalhe de que não precisa dar nome à ela, o mesmo vale para setInterval. O que está acima vai esperar 30 segundos do início da execução da página e exibir uma mensagem de alerta indicando isso.

Pra saber mais veja:

http://w3schools.com/js/js_timing.asp

Abraços!!

Escrito por Wanderson R Silva on abril 29, 2008. Arquivado em Javascript. Você pode seguir as respostas a esse artigo pelo RSS 2.0. Você pode deixar respostas para esse artigo