Ventana setTimeout()
Ejemplos
Espere 5 segundos para el saludo:
const myTimeout = setTimeout(myGreeting, 5000);
Use clearTimeout(myTimeout) para evitar que se ejecute myGreeting:
const myTimeout = setTimeout(myGreeting, 5000);
function myStopFunction() {
clearTimeout(myTimeout);
}
Más ejemplos a continuación.
Definición y uso
El setTimeout()
método llama a una función después de una cantidad de milisegundos.
1 segundo = 1000 milisegundos.
notas
se ejecuta setTimeout()
una sola vez.
Si necesita ejecuciones repetidas, use en su setInterval()
lugar.
Utilice el clearTimeout()
método para evitar que la función se inicie.
Para borrar un tiempo de espera, use la identificación devuelta por setTimeout():
myTimeout = setTimeout(function, milliseconds);
Luego puede detener la ejecución llamando a clearTimeout():
clearTimeout(myTimeout);
Ver también:
Sintaxis
setTimeout(function, milliseconds, param1, param2, ...)
Parámetros
Parameter | Description |
function | Required. The function to execute. |
milliseconds | Optional. Number of milliseconds to wait before executing. Default value is 0. |
param1, param2, ... |
Optional. Parameters to pass to the function. Not supported in IE9 and earlier. |
Valor devuelto
Escribe | Descripción |
Un número | La identificación del temporizador. Use esta identificación con clearTimeout(id) para cancelar el temporizador. |
Más ejemplos
Mostrar un cuadro de alerta después de 3 segundos (3000 milisegundos):
let timeout;
function myFunction() {
timeout = setTimeout(alertFunc, 3000);
}
function alertFunc() {
alert("Hello!");
}
Mostrar un texto cronometrado:
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);
Abra una nueva ventana y cierre la ventana después de tres segundos (3000 milisegundos):
const myWindow = window.open("", "", "width=200, height=100");
setTimeout(function() {myWindow.close()}, 3000);
Cuente para siempre, pero con la capacidad de detener el conteo:
function startCount()
function stopCount()
Un reloj creado con eventos de tiempo:
function startTime() {
const date = new Date();
document.getElementById("txt").innerHTML = date.toLocaleTimeString();
setTimeout(function() {startTime()}, 1000);
}
Pase parámetros a la función (no funciona en IE9 y versiones anteriores):
setTimeout(myFunc, 2000, "param1", "param2");
Sin embargo, si utiliza una función anónima, funcionará en todos los navegadores:
setTimeout(function() {myFunc("param1", "param2")}, 2000);
Compatibilidad con navegador
setTimeout()
es compatible con todos los navegadores:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |