Artículos
Javascript

Ejecutar cuando pasen X segundos en Javascript

19/Nov/2007

Este artículo es un complemento a Ejecutar cada X segundos en JavaScript. Mientras que en el primer artículo veíamos cómo utilizar el método Javascript .setInterval() para ejecutar una función cada X segundos de forma repetitiva, en este vemos como ejecutar cuando pasen X segundos en JavaScript una función. Para ello nos apoyaremos en la función Javascript .setTimeout().

La función .setInterval() nos permite ejecutar de forma recurrente una función cada x intervalos, mientras que la función .setTimeout() nos sirve para poder ejecutar una función, una única vez, transcurrido un tiempo,

La función .setTimeout() tiene la siguiente estructura:

setTimeout(funcion_a_ejecutar,milisegundos);

El funcionamiento es muy sencillo. Se ejecutará la «funcion_a_ejecutar» cuando pasen los milisegundos especificados como segundo parámetro. Esta función Javascript solo se ejecutará una vez. Y transcurrido ese tiempo no se volverá a ejecutar a no ser que la invoquemos nuevamente.

Lo primero que haremos será el definir una función muy sencilla. Que solo muestre un mensaje por pantalla. Será nuestro típico saludo, ¿se te ocurre función más sencilla?:

function saludo(){
 alert("Han pasado 3 segundos");
}

Y ahora establecer el temporizador. Este le activaremos cuando se pulse un botón:

<button onclick="setTimeout('saludo()',3000);">Saludo a los 3 segundos</button>

Es muy importante que el método a ejecutar que especifiquemos en la función .setTimeout() lo pongamos entre comillas.

De esta forma habremos conseguido ejecutar cuando pasen X segundos en Javascript una función. Algo muy sencillo a establecer un intervalo. Esto se utiliza cuando necesitamos que la función se ejecute una única vez.

Código Fuente

Descárgate el código fuente de Ejecutar cuando pasen X segundos en Javascript
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star
Ejecutar cuando pasen X segundos en Javascript

Vídeos sobre Javascript

Disfruta también de nuestros artículos sobre Javascript en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test Javascript

¿Te atreves a probar tus habilidades y conocimiento en Javascript con nuestro test?

Test Javascript
Suscribir
Notificar de
guest
15 Comentarios
Recientes
Anteriores Más votados
Opiniones integradas
Ver todos los comentarios