Ejecutar cuando pasen X segundos en JavaScript

19/Nov/2007 JavaScript , , 5 Comentarios

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:

  1. 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:

  1. <script type="text/javascript">
  2. function saludo(){
  3. alert("Han pasado 3 segundos");
  4. }
  5. </script>

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

  1. <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.

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

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. 😀

Los comentarios están cerrados.