Los últimos tutoriales de desarrollo web
 

Ventana setTimeout() Method

<Ventana Object

Ejemplo

Mostrar un cuadro de alerta después de 3 segundos (3000 milliseconds) :

setTimeout(function(){ alert("Hello"); }, 3000);
Inténtalo tú mismo "

Más "Try it Yourself" ejemplos a continuación.

Definición y Uso

El setTimeout() método llama a una función o evalúa una expresión después de un número especificado de milisegundos.

Tip: 1000 ms = 1 segundo.

Consejo: La función sólo se ejecuta una vez. Si es necesario repetir la ejecución, utilice el setInterval() método.

Consejo: Utilice la clearTimeout() método para prevenir la función se ejecute.

Soporte del navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el método.

Método
setTimeout() 1.0 4.0 1.0 1.0 4.0

Sintaxis

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

Los valores de los parámetros

Parámetro Descripción
function Necesario. La función que se ejecutará
milliseconds Necesario. El número de milisegundos de espera antes de ejecutar el código
param1,param2,... Opcional. Parámetros adicionales para pasar a la función (No se admite en IE9 y anterior)

Detalles técnicos

Valor de retorno: Un número, que representa el valor de ID del temporizador que se establece. Utilice este valor con el clearTimeout() método para cancelar el temporizador
Ejemplos

Más ejemplos

Ejemplo

También puede hacer referencia a la "named" función; Mostrar un cuadro de alerta después de 3 segundos (3000 milliseconds) :

var myVar;

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

function alertFunc() {
    alert("Hello!");
}
Inténtalo tú mismo "

Ejemplo

Mostrar un texto temporizado:

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);
Inténtalo tú mismo "

Ejemplo

Abrir una nueva ventana y cerrar la ventana después de tres segundos (3000 milisegundos):

var myWindow = window.open("", "", "width=200, height=100");
myWindow.document.write("<p>This is 'myWindow'</p>");
setTimeout(function(){ myWindow.close() }, 3000);
Inténtalo tú mismo "

Ejemplo

Usando clearTimeout() para evitar que la función a ejecutar:

var myVar;

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

function myStopFunction() {
    clearTimeout(myVar);
}
Inténtalo tú mismo "

Ejemplo

Contar siempre - pero con la posibilidad de detener el conteo:

function startCount()
function stopCount()
Inténtalo tú mismo "

Ejemplo

Un reloj creado con eventos de tiempo:

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;
}
Inténtalo tú mismo "

Ejemplo

Pasar parámetros a la función alertFunc (does not work in IE9 and earlier) :

var myVar;

function myStartFunction() {
    myVar = setTimeout(alertFunc, 2000, "First param", "Second param");
}
Inténtalo tú mismo "

Sin embargo, si se utiliza una función anónima, que funcionará en todos los navegadores:

var myVar;

function myStartFunction() {
    myVar = setTimeout(function(){ alertFunc("First param", "Second param"); }, 2000);
}
Inténtalo tú mismo "

Páginas relacionadas

Ventana del objeto: href="met_win_cleartimeout.html"> clearTimeout() Method

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

Ventana del objeto: href="met_win_clearinterval.html"> clearInterval() Method

<Ventana Object