Actualizar div cada 1 segundo

alparkomcom · #1 (**permalink**) 02/10/2010, 20:27

Buenas, quisiera saber como hago para que un

Código HTML:

Ver original<div id="numero1"></div>

se actualice cada1 segundo sin recargar la pagina...

Si es posible que dejen el .JS para yo enlazarlo a mi web...

Gracias a todos ;)

Perr0 · #2 (**permalink**) 03/10/2010, 00:25

podria ser con

- ajax

- setTimeout()

_cronos2 · #3 (**permalink**) 03/10/2010, 06:18

setTimeout() funciona una sola vez, es decir, si yo digo setTimeout('alert("hola")',2000), a los 2 segundos saldrá un alert, pero no más veces. Lo que necesitas es setInterval().
Saludos (:

bitbow · #4 (**permalink**) 03/10/2010, 13:50

Saludos, te pongo un ejemplo de como podria ser, lo demas ya es cuestion de imaginacion.

Código HTML:

Ver original<html>  
<head>  
    <title>setInterval/clearInterval example</title>  
    <script type="text/javascript">  
    var intervalID;  
    function changeColor(){  
        intervalID = setInterval(flashText, 3000);  
    }  
    function flashText(){
        var elem = document.getElementById("my_box");  
        if (elem.style.color == 'red'){  
            elem.style.color = 'blue';  
        }  else  {  
            elem.style.color = 'red';  
        }  
    }  
    function stopTextColor(){  
        clearInterval(intervalID);  
    }  
    </script>  
</head>   
    <body onload="changeColor();">  
        <div id="my_box">  
            <h2><p>Hello World</p></h2>  
        </div>  
    <button onclick="stopTextColor();">Stop</button>  
    </body>  
</html>

En este enlace pueden encontrar mas informacion sobre las propiedades y metodos:

https://developer.mozilla.org/en/DOM

Perr0 · #5 (**permalink**) 03/10/2010, 22:49

Cita:

Iniciado por _cronos2

setTimeout() funciona una sola vez, es decir, si yo digo setTimeout('alert("hola")',2000), a los 2 segundos saldrá un alert, pero no más veces. Lo que necesitas es setInterval().
Saludos (:

como diria el chavo
eso,eso,eso...