Actualizar el contenido de un div cada ciertos segundos indefinidamente con jquery

[juandedios]

Hola, tengo un script que me jala los datos del clima desde google pero para ver si ha ocurrido un cambio tengo que actualizar mi página y bueno yo lo quiero hacer automático.

Lo que quiero es que cada 5 o 10 o los segundos que yo quiera, el script que he hecho se vuelva a repetir, trayéndome los datos actualizados.

Lo que yo intente fue esto:

Código Javascript:

$(document).ready(function(){
    setTimeout(function(){ 
        $("#clima").load("includes/clima.php"); 
    }, 5000);
});
 

Los primeros 5 segundos esta chevere, pero de ahi nunca mas.

Espero que me hayan entendido y ojalá que puedan darme una manita. Gracias.

[caricatos]

Tema movido desde javascript

[mayid]

function(){
$("#clima").load("includes/clima.php");

Pasa que estas declarando una funcion anonima, y encima quisieras repetirla cada vez (redeclararla!)

Hacé la declaración aparte o directamente no lo declares como funcion. No es necesario:

$(document).ready(function(){
setTimeout( '$("#clima").load("includes/clima.php");' , 5000);
});

[juandedios]

Hice lo que me dijiste, pero no veo que actualice, carga el contenido inicial a los 5 segundos, pero de ahí no veo mas cambio, con lo que me has dicho se actualizará el contenido del div cada 5 segundos automáticamente?

[zodgyy]

$(document).ready(function(){
setInterval(loadClima,5000);
});

function loadClima(){
$("#clima").load("includes/clima.php");
}

haber si asi..

[juandedios]

Chevere, ahora si, la cosa era el setInterval en vez del setTimeout. Muchas gracias

[mayid]

Ah! Muy cierto.

[jmsr]

************************************************** ***
<script>
function actualizar(){
$('#capa').fadeOut("slow").load('fichero.php').fad eIn("slow");
}
setInterval( "actualizar()", 10000 );
</script>

<div id="capa"></div>


************************************************** *****
ojalá te sirva este ejemplo, yo ya lo estoy usando y me funciona perfecto.

lo saque del siguiente post:
http://www.artegrafico.net/blog/refresh-reload-setinterval-con-ajax-y-jquery.html