Ejecutar cuando pasen X segundos en JavaScript

19/Nov/2007 JavaScript , , 13 Comentarios
Artículos Programación en Javascript

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

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. La función solo se ejecutará una vez.

Lo primero que haremos será el definir una función muy sencilla. Que solo muestre un mensaje por pantalla. Será nuestro saludo:

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.

13 comentarios en “Ejecutar cuando pasen X segundos en JavaScript”

Víctor Cuervo

osalla

Poniendo por delante que de java script poco….

 

como podria adaptar este valioso ejemplo para liberar un div que tenga mas info?

 

Muchas gracias

Víctor Cuervo

Mathew Guillén

Hola, me podrías ayudar o crear un temporizador por ejemplo de 20 minutos, pero que este no se muestre, sino, al transcurrir este tiempo, mostrar un mensaje.

Víctor Cuervo

alejandro

que explicación mas horrenda de como se utiliza la ejecución de un función al transcurrir tiempo.

Víctor Cuervo

Víctor Cuervo

Hola Alejandro,

Ya sentimos mucho que no te haya gustado la explicación. Cualquier sugerencia para mejorarlo es bienvenida. Nuestra intención es que se entienda lo mejor posible. ¿Qué ejemplo utilizarías?

Saludos.

Víctor Cuervo

Miguel Lopez

Estimado Cuervo, se entiende perfectamente, lo que sucede es que siempre hay alguien con un mal día que le agrada compartir sus disgustos, siempre aparece algún copito de nieve ofendido por la inperfección ajena

Víctor Cuervo

Reprobado

*imperfección, y el que se ofende que es quien no puede tomar una crítica o una opinión que no sea la propia, me parece que el copito de nieve es otro.

Víctor Cuervo

EStUD…

Hola buenas!
am…. yo quisiera que el usuario conteste un formulario en un tiempo especificado, y una vez terminado el tiempo, se envienautomaticamente los datos
como puedo hacerlo?
gracias

Víctor Cuervo

Víctor Cuervo

Buenas,

Lo que tendrías que hacer es en el caso de que se ejecuten los segundos (con el setTimeout) se envíe el formulario automáticamente ejecutando un submit del mismo.
Espero que esto te oriente.

Saludos.

Víctor Cuervo

Alejandro Valenti

Hola Victor, veras te escribo a ver si me puedes dar una mano, he comprado un modulo para wordpress que inserta chatbots en mi sitio la verdad funciona de maravillas pero me gustaria que el chat se abriera solo pasados 10 segundos desde que se cargo la pagina.

El autor solo me respondio que hay que generar una funcion con javascript pero no me da solucion y yo de eso no entiendo nada.

Tengo armados 5 chat bot en distintas paginas de mi sitio (fijate en alguno para que te des idea… https://astroestudios.com/carta-natal por ejemplo….

cada uno de esos chatbot se identifica con un numero y se lo identivica o llama desde la variable $wpchatbot_id

He estado buscado algun ejemplo que me permita armar esta funcion pero la verdad estoy haciendo aguas

Podrias darme una mano?

Desde ya mil gracias

Víctor Cuervo

Santi

Buenos dias me podrias decir en vez que salte el mensaje saludo,que saltase una consulta a la base de datos te pongo un ejemplo:
A los 4 segundos saltase consulta.php(aqui yo tendria la consulta a la base de datos),un saludo muchas gracias

Víctor Cuervo

Víctor Cuervo

Claro, lo que tienes que hacer es realizar una petición AJAX. Puedes ver el ejemplo que cómo realizar esto en http://lineadecodigo.com/jquery/peticiones-ajax-con-jquery/

Ya solo tienes que combinar los dos códigos.

Espero que lo consigas.

Saludos.

Víctor Cuervo

Bryan

Muchas gracias por este tutorial, me soluciono un problema.

Víctor Cuervo

Víctor Cuervo

Nos alegra que te haya servido. :-D

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.