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

Guía para diseño web móvil
Pablo Londoño
Pablo Londoño

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.

Usar la función setTimeout de JavaScript
Ebook Gratis

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

Cuéntanos un poco de ti para acceder al informe

¿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

Tu privacidad es muy importante para nosotros. HubSpot utiliza la información que nos proporcionas para mantenerte al tanto de nuestros productos, servicios y contenido relevante. Puedes cancelar la suscripción a estos mensajes en cualquier momento. Para más información, consulta nuestra Política de privacidad.

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

CMS Hub is flexible for marketers, powerful for developers, and gives customers a personalized, secure experience

START FREE OR GET A DEMO