Cómo llamar a una Función Javascript cada 10 segundos reiteradamente?


Me encontraba trabajando en el sitio web Joomla de mi cliente IndustriasArgentinas.com y tenía la necesidad de actualizar el contenido de un DIV vía Javascript y Ajax cada 10 segundos en forma automática (sin necesidad que ocurra ningún evento).

El método consiste en llamar inicialmente la función javascript (desde el evento Onload del body) y luego hacer recursiva mencionada función (es decir, que la función se llame a si misma).

Nota: Ajax es fantástico porque nos permite actualizar contenido de la web (sin refrescar la pantalla del navegador). Puedo preparar un video tutorial explicando un ejemplo básico de Ajax y ofrecertelo por US$ 2,5. Si estás interesado ingresa aquí y comunicamelo,
>> Estoy interesado en recibir el Video Tutorial de Ajax por US$ 2,5

Para hacer la función recursiva encontré el siguiente código muy sencillo y fácil de aplicar:

<html><head><script language="JavaScript"><!--// v3 compatible:function HacerAlgo() {   // hacer algo aquí...   setTimeout('HacerAlgo()',10000);}//--></script></head<<body onLoad="HacerAlgo()">...</body></html>

Fuente: http://www.irt.org/script/1754.htm

Fijensé que cuando carga la página html (evento onload) llamamos la función Javascript llamada “HacerAlgo”. Y dentro de la función, mediante la sentencia…

setTimeout('HacerAlgo()',10000);

… volvemos a llamar la función a los 10 segundos (logrando que sea recursiva).

Espero lo disfruten :). Y recuerda, si te interesa aprender lo básico de Ajax (incluyendo un código de ejemplo) ingresa aquí:
>> Estoy interesado en recibir el Video Tutorial de Ajax por US$ 2,5


Nota del autor: Busco programadores y diseñadores freelance para colaborarme con proyectos. Mostrame tus trabajos desarrollados, escribime!


Te agradaría derivar tu proyecto a un programador con años de experiencia?

Ing. Diego Angelini.
Autor de BlogdePHP.com
Programador Web Freelance






Porfolio de proyectos