Actualizar Hora

rockobop · #1 (**permalink**) 23/11/2007, 07:02

hola maestros tengo el siguiente codigo, pero no puedo hacer q se actualice la hora cada segundo, espero me den sus comentarios

Código HTML:

<script language="JavaScript">
                            <!--
                                function getTime() {
                                   
                                    var now = new Date()
                                    var hour = now.getHours()
                                    var minute = now.getMinutes()
                                    var seconds = now.getSeconds()
                                    now = null
                                    var ampm = ""
                    
                                   
                                        if (hour >= 12) {
                                            hour -= 12
                                            ampm = "PM"
                                        } else{
                                            ampm = "AM"
                                            hour = (hour == 0) ? 12 : hour
                    
                                            
                                                if (minute < 10)
                                                    minute = "0" + minute 
                    
                                                   
                                                    return hour + ":" + minute + ":"+seconds +" "+ ampm
                                            }
                                    //setTimeout("getTime()",1000) 
                                }
                            
                                  today = new Date()
                                
    
                                document.write(getTime())

                                setTimeout(getTime(),1000) 
                                
                            //  -->
                            </script>

saludos

dorvax · #2 (**permalink**) 23/11/2007, 07:08

debes utilizar este script que actualiza tu pagina cada cierto tiempo....

Cita:

<SCRIPT>
function aReload() {
location.reload(true);
}
function startReload() {
setTimeout("aReload()", 1000);
}
</SCRIPT>

//en el body llamas la funcion

<BODY onLoad="startReload();">

el tiempo es en milisegundos 1000ms=1segundo

dorvax · #3 (**permalink**) 23/11/2007, 07:10

aqui te dejo un codigo mas sencillo, sin necesidad de actualizar tu web, solo necesitas agregar unas mejoreas y listo

Cita:

<html>
<head>
<title>Reloj con Javascript</title>
<script language="JavaScript">
function mueveReloj(){
momentoActual = new Date()
hora = momentoActual.getHours()
minuto = momentoActual.getMinutes()
segundo = momentoActual.getSeconds()

horaImprimible = hora + " : " + minuto + " : " + segundo

document.form_reloj.reloj.value = horaImprimible

setTimeout("mueveReloj()",1000)
}
</script>
</head>

<body onload="mueveReloj()">

Vemos aquí el reloj funcionando...

<form name="form_reloj">
<input type="text" name="reloj" size="10">
</form>

</body>
</html>

rockobop · #4 (**permalink**) 23/11/2007, 07:29

pues muchas gracias por tus comentarios dorvax,

pero la primera no es exactamente lo q busco, y en cuanto a la segunda había encontrado esa manera de hacerlo pero no funciona con mis css y con el formato q tiene la pagina,

tengo q encontrar la manera modificando el código antes descrito, alguna otra sugerencia ??

saludos

dorvax · #5 (**permalink**) 23/11/2007, 15:18

el segundo codigo que te envie, cn pequeñas modificaciones es adaptable a css, incluso he visto en algunas webs ese ejemplo para hojas de estilos, es solo cuestion de googlear... puedes hacer la funcion que hiciste, de forma recursiva de manera que dentro de ella coloques un setTimeout("tu funcion()",1000) antes del final.