Método Window setTimeout()

Definição e uso

setTimeout() Métodos chamam a função após alguns milissegundos.

Comentários:1 segundo = 1000 milissegundos.

Avisos

setTimeout() executar apenas uma vez.

Se precisar de execução repetida, use setInterval().

Use Método clearTimeout() para evitar o início da função.

Para cancelar o timeout, use setTimeout() ID retornado:

myTimeout = setTimeout(function, milliseconds);

Em seguida, você pode chamar Método clearTimeout() para interromper a execução:

clearTimeout(myTimeout);

Veja também:

Método clearTimeout()

Método setInterval()

Método clearInterval()

Exemplo

Exemplo 1

Mensagem de saudação aguardando 5 segundos:

const myTimeout = setTimeout(myGreeting, 5000);

Experimente você mesmo

Exemplo 2

Para evitar a execução do myGreeting, use clearTimeout(myTimeout):

const myTimeout = setTimeout(myGreeting, 5000);
function myStopFunction() {
  clearTimeout(myTimeout);
}

Experimente você mesmo

Mais exemplos estão disponíveis na parte inferior da página.

Sintaxe

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

parâmetros

parâmetros descrição
function Obrigatório. Função a ser executada.
milliseconds

Opcional. Número de milissegundos a esperar antes de executar.

valor padrão é 0.
param1, param2,...

Opcional. Parâmetros passados para a função.

IE9 e versões anteriores não suportam.

valor de retorno

tipo descrição
número.

ID do temporizador.

Por favor, atribua este id a clearTimeout(idmétodo usar juntos para cancelar o temporizador.

Suporte do navegador

Todos os navegadores suportam setTimeout():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte Suporte

Mais exemplos

Exemplo 3

Mostrar uma caixa de alerta 3 segundos (3000 milissegundos) depois:

let timeout;
function myFunction() {
  timeout = setTimeout(alertFunc, 3000);
}
function alertFunc() {
  alert("Hello!");
}

Experimente você mesmo

Exemplo 4

Exibir texto temporário:

let 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);

Experimente você mesmo

Exemplo 5

Abrir uma nova janela e fechá-la após três segundos (3000 milissegundos):

const myWindow = window.open("", "", "width=200, height=100");
setTimeout(function() {myWindow.close()}, 3000);

Experimente você mesmo

Exemplo 6

Contagem contínua - mas pode parar a contagem:

function startCount()
function stopCount()

Experimente você mesmo

Exemplo 7

Criação de um relógio usando eventos de tempo:

function startTime() {
  const date = new Date();
  document.getElementById("txt").innerHTML = date.toLocaleTimeString();
  setTimeout(function() {startTime()}, 1000);
}

Experimente você mesmo

Exemplo 8

Passar parâmetros para a função (não funciona em versões do IE9 ou anteriores):

setTimeout(myFunc, 2000, "param1", "param2");

Experimente você mesmo

Exemplo 9

Mas, se você usar uma função anônima, ela será aplicável a todos os navegadores:

setTimeout(function() {myFunc("param1", "param2")}, 2000);

Experimente você mesmo