Método Window setTimeout()

Definición y uso

setTimeout() El método llama a la función después de varios milisegundos.

Comentario:1 segundo = 1000 milisegundos.

Consejo

setTimeout() Ejecutar una vez.

Si necesita ejecutar repetidamente, utilice setInterval().

Por favor, utilice Método clearTimeout() para evitar que la función se inicie.

Para cancelar el timeout, utilice setTimeout() ID devuelto:

myTimeout = setTimeout(function, milliseconds);

Luego puede llamar a Método clearTimeout() para detener la ejecución:

clearTimeout(myTimeout);

Véase también:

Método clearTimeout()

Método setInterval()

Método clearInterval()

Ejemplo

Ejemplo 1

Saludo esperado durante 5 segundos:

const myTimeout = setTimeout(myGreeting, 5000);

Pruebe por su cuenta

Ejemplo 2

Para evitar que myGreeting se ejecute, utilice clearTimeout(myTimeout):

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

Pruebe por su cuenta

Más ejemplos se proporcionan en la parte inferior de la página.

Sintaxis

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

Parámetros

Parámetros Descripción
function Requerido. Función a ejecutar.
milliseconds

Opcional. Número de milisegundos a esperar antes de ejecutar.

Valor predeterminado 0.
param1, param2,...

Opcional. Parámetros pasados a la función.

No es compatible con IE9 y versiones anteriores.

Valor de retorno

Tipo Descripción
Número.

ID del temporizador.

Por favor, asocie este id con clearTimeout(idMétodo Utilice juntos para cancelar el temporizador.

Compatibilidad del navegador

Todos los navegadores lo soportan setTimeout():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte Soporte

Más ejemplos

Ejemplo 3

Muestre un cuadro de alerta después de 3 segundos (3000 milisegundos):

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

Pruebe por su cuenta

Ejemplo 4

Mostrar texto temporizado:

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

Pruebe por su cuenta

Ejemplo 5

Abra una nueva ventana y ciérrela después de tres segundos (3000 milisegundos):

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

Pruebe por su cuenta

Ejemplo 6

Cuenta continua - pero puede detener la cuenta:

function startCount()
function stopCount()

Pruebe por su cuenta

Ejemplo 7

Reloj creado con eventos de temporización:

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

Pruebe por su cuenta

Ejemplo 8

Pase parámetros a la función (no funciona en IE9 y versiones anteriores):

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

Pruebe por su cuenta

Ejemplo 9

Pero, si utiliza una función anónima, será compatible con todos los navegadores:

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

Pruebe por su cuenta