tutoriais mais recente desenvolvimento web
 

Janela setTimeout() Method

<Window Objeto

Exemplo

Exibir uma caixa de alerta após 3 segundos (3000 milliseconds) :

setTimeout(function(){ alert("Hello"); }, 3000);
Tente você mesmo "

Mais "Try it Yourself" exemplos abaixo.

Definição e Uso

O setTimeout() método chama uma função ou avalia uma expressão após um determinado número de milissegundos.

Tip: 1000 ms = 1 segundo.

Dica: A função só é executada uma vez. Se você precisa repetir a execução, use o setInterval() método.

Dica: Use o clearTimeout() método para evitar a função de execução.

Suporte navegador

Os números na tabela especificar a primeira versão do navegador que suporta totalmente o método.

Método
setTimeout() 1.0 4.0 1.0 1.0 4.0

Sintaxe

setTimeout( function,milliseconds,param1,param2,... )

Os valores dos parâmetros

Parâmetro Descrição
function Requeridos. A função que será executado
milliseconds Requeridos. O número de milissegundos a aguardar antes de executar o código
param1,param2,... Opcional. Parâmetros adicionais para passar para a função (Não suportado no IE9 e anteriores)

Detalhes técnicos

Valor de retorno: Um número, que representa o valor ID do temporizador que está definido. Utilize este valor com o clearTimeout() método para cancelar o temporizador
Exemplos

mais Exemplos

Exemplo

Você também pode se referir a "named" função; Exibir uma caixa de alerta após 3 segundos (3000 milliseconds) :

var myVar;

function myFunction() {
    myVar = setTimeout(alertFunc, 3000);
}

function alertFunc() {
    alert("Hello!");
}
Tente você mesmo "

Exemplo

Exibir um texto cronometrado:

var x = document.getElementById("txt");
setTimeout(function(){ x.value="2 seconds" }, 2000);
setTimeout(function(){ x.value="4 seconds" }, 4000);
setTimeout(function(){ x.value="6 seconds" }, 6000);
Tente você mesmo "

Exemplo

Abra uma nova janela e fechar a janela depois de três segundos (3000 milissegundos):

var myWindow = window.open("", "", "width=200, height=100");
myWindow.document.write("<p>This is 'myWindow'</p>");
setTimeout(function(){ myWindow.close() }, 3000);
Tente você mesmo "

Exemplo

Usando clearTimeout() para impedir a função a ser executada:

var myVar;

function myFunction() {
    myVar = setTimeout(function(){ alert("Hello") }, 3000);
}

function myStopFunction() {
    clearTimeout(myVar);
}
Tente você mesmo "

Exemplo

Contagem para sempre - mas com a capacidade de parar a contagem:

function startCount()
function stopCount()
Tente você mesmo "

Exemplo

Um relógio criado com cronometrar eventos:

function startTime() {
    var today = new Date();
    var h = today.getHours();
    var m = today.getMinutes();
    var s = today.getSeconds();
    // add a zero in front of numbers<10
    m = checkTime(m);
    s = checkTime(s);
    document.getElementById("txt").innerHTML = h+ ":" + m + ":" + s;
    t = setTimeout(function(){ startTime() }, 500);
}

function checkTime(i) {
    if (i<10) {
        i = "0" + i;
    }
    return i;
}
Tente você mesmo "

Exemplo

Passar parâmetros para a função alertFunc (does not work in IE9 and earlier) :

var myVar;

function myStartFunction() {
    myVar = setTimeout(alertFunc, 2000, "First param", "Second param");
}
Tente você mesmo "

No entanto, se você usar uma função anônima, ele vai trabalhar em todos os navegadores:

var myVar;

function myStartFunction() {
    myVar = setTimeout(function(){ alertFunc("First param", "Second param"); }, 2000);
}
Tente você mesmo "

Páginas relacionadas

Objeto Janela: href="met_win_cleartimeout.html"> clearTimeout() Method

Objeto Janela: href="met_win_setinterval.html"> setInterval() Method

Objeto Janela: href="met_win_clearinterval.html"> clearInterval() Method

<Window Objeto