setTimeout en JavaScript: qué es, para qué sirve y cómo funciona

Escrito por: Pablo Londoño

GUÍA PARA DISEÑO WEB MÓVIL

Descarga la guía sobre diseño web para dispositivos móviles. ¡Aprovecha esta oportunidad para optimizar tu sitio web!

Descarga gratis aquí
Usar la función setTimeout de JavaScript

Actualizado:

Publicado:

Muchas veces, queremos ejecutar funciones de forma diferida y la respuesta está en una función de temporizador. Te mostraremos qué es exactamente setTimeout en JavaScript, cuál es su sintaxis y cómo puedes usarla por tu cuenta, con ayuda de un ejemplo.

Descarga la guía sobre diseño web para dispositivos móviles

Obtén consejos y directrices detalladas sobre cómo diseñar un sitio web optimizado para dispositivos móviles y mejorar la experiencia del usuario móvil.

    Descargar ahora

    Todos los campos son obligatorios.

    ¡Listo!

    Haz clic en este enlace para acceder a este recurso en cualquier momento.

    ¿Cómo funciona setTimeout en JavaScript?

    Esta es la sintaxis de setTimeout():

    • Argumento 1: función a ejecutar al terminar el temporizador

    • Argumento 2: tiempo de espera en milisegundos

    setTimeout(function callback a ejecutar, temporizador en milisegundos);

    Si el temporizador en milisegundos es omitido, entonces la función callback será ejecutada inmediatamente sin esperar nada.

    function greetings(){ console.log("Hola, Mundo!"); }setTimeout(greetings, 1500);

    Seguramente, necesitarás pasarle argumentos a la función callback. Por ello, la sintaxis de setTimeout expande sus argumentos para enviar tantos parámetros como necesite la función callback.

    setTimeout(function, milisegundos, parametro, parametro, ...); // sintaxis

     

    << Descarga la guía para diseño web para smartphones [Guía gratis] >>

    Ejemplo de función setTimeout en JavaScript

    A continuación, verás un ejemplo de cómo usar esta función.

    function greetings(name){ console.log(`Hola, mi nombre es ${name}`);} setTimeout(greetings, 1300, "Darío");

    Como puedes ver, la función setTimeout es fácil de usar. Comienza a hacer tus propios experimentos para ejecutar funciones programadas.

    New Call-to-action
    Temas: JavaScript

    Artículos relacionados

    Descarga la guía sobre diseño web para dispositivos móviles. ¡Aprovecha esta oportunidad para optimizar tu sitio web!