Javascript >> SetTimeOut e SetTimeInterval

A função setTimeout define que após um intervalo de tempo uma determinada função será executada, lembre-se que a função deverá ser previamente declarada em seu código. Veja o exemplo:

<script> setTimeout(MinhaFuncao, 5000);//Aqui definimos que a função “MinhaFuncao” será chamada após 5 segundos </script>

A função setInterval funciona de forma parecida, mas ao invés de determinar depois de quanto tempo uma função será executada uma vez, ela define que a cada intervalo de tempo a função irá ser executada. A sintaxe é bem parecida a do setTimeout:

<script> setInterval(MinhaFuncao, 5000);//Aqui definimos que a cada 5 segundos a função “MinhaFuncao” será chamada </script>

Para parar a execução do setInterval utilizamos a função clearInterval que recebe como parâmetro uma variável de referência ao intervalo. Veja:

<script>
var intervalo = setInterval(alerta, 1000);
var i = 0;
function alerta() {
    if(i < 11){
        alert(i);
        i++;
    }else{
        clearInterval(intervalo);
    }
}
</script>

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 o valor de i. Se i for maior ou igual a 11 o intervalo é eliminado por clearInterval.

Outro exemplo:

<script>
setTimeout(function () { alert(“Esta página está em execução há 30 segundos”);  }, 30000);
</script>

Como podemos ver no exemplo acima, 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 exemplo acima vai esperar 30 segundos  e exibir uma mensagem de alerta contendo “Esta página está em execução há 30 segundos”.