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

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.

¿Qué es setTimeout en JavaScript y para qué sirve?

La función setTimeout() es una función nativa de JavaScript que establece un temporizador en milisegundos para ejecutar una función callback al finalizar dicho temporizador. Dicho de otro modo, setTimeout() sirve para ejecutar una función tras un periodo determinado.

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

 

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.

 

Publicado originalmente el Jul 25, 2022 7:00:00 AM, actualizado el 20 de enero de 2023