[JavaScript] setTimeout e setInterval

Esse tutorial é 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:

Código:

[b]window.setTimeout(função, tempo_em_milisegundos)[/b]

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:

Código:

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.

Código:

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

Acima, definimos 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:

Código:

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.

Créditos: Wanderson R Silva