Foro - Perl en Español

por **BigBear** » 2013-02-05 10:48 @491

Tengo el siguiente código :

Sintáxis: [ Descargar ] [ Ocultar ]

Using javascript Syntax Highlighting

<script language="JavaScript">
 
var fecha = new Date();
 
var dia = fecha.getDate();
var mes = fecha.getMonth() + 1;
var anio = fecha.getFullYear();
var juntar = dia+"/"+mes+"/"+anio;
 
document.decime_date.fechaa.value = juntar;
 
function updatenow(){
        
tiempo = new Date()
 
document.decime_date.hora.value = tiempo.getHours()+":"+tiempo.getMinutes()+":"+tiempo.getSeconds();
 
setTimeout("updatenow()",1)
 
}
 
</script>
 
<body onload="updatenow()">
 
<form name="decime_date">
Fecha : <input type="text" name="fechaa" size="10">
<br>
Hora : <input type="text" name="hora" size="10">
</form>
 
Coloreado en 0.003 segundos,  usando GeSHi 1.0.8.4

El problema es que la fecha no se muestra , ¿ qué estoy haciendo mal ?

------------------------------

Ya lo resolví , mejorando el código de esta forma :

Sintáxis: [ Descargar ] [ Ocultar ]

Using javascript Syntax Highlighting

<script language="JavaScript">
 
function updatenow(){
        
dat = new Date()
 
alpedo = dat.getMonth() + 1;
 
document.decime_date.hora.value = dat.getHours()+":"+dat.getMinutes()+":"+dat.getSeconds();
document.decime_date.fechaa.value = dat.getDate()+"/"+alpedo+"/"+dat.getFullYear();
 
setTimeout("updatenow()",1)
 
}
 
</script>
 
<body onload="updatenow()">
 
<form name="decime_date">
Fecha : <input type="text" name="fechaa" size="10">
<br>
Hora : <input type="text" name="hora" size="10">
</form>
Coloreado en 0.001 segundos,  usando GeSHi 1.0.8.4

El problema es que cuando se ejecuta el código Javascript, el navegador todavía no ha terminado de cargar el resto de la página, así que el código no sabe qué es decime_date.

La solución es ejecutar el código después de la carga de todo el HTML, poniendo el código JavaScript al final, o haciendo que se ejecute en el onload:

Lo ves fácil si sacas la ventana del depurador de JavaScript.

Un detalle: el segundo parámetro de setTimeout no son segundos, sino milésimas de segundo, así que si quieres que se actualice cada segundo debes poner el valor de 1000. Si no lo haces, estarás quemando la CPU

Sintáxis: [ Descargar ] [ Ocultar ]

Using html4strict Syntax Highlighting

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script language="JavaScript">
    function arranque() {
        var fecha = new Date();
 
        var dia = fecha.getDate();
        var mes = fecha.getMonth() + 1;
        var anio = fecha.getFullYear();
 
        document.decime_date.fechaa.value = dia+"/"+mes+"/"+anio;
 
        updatenow();
        
    }
 
    function updatenow() {
 
        tiempo = new Date()
 
        document.decime_date.hora.value = tiempo.getHours()+":"+tiempo.getMinutes()+":"+tiempo.getSeconds();
 
        setTimeout("updatenow()",1000)
 
    }
 
</script>
</head>
<body onload="arranque()">
 
<form name="decime_date">
Fecha : <input type="text" name="fechaa" size="10">
<br>
Hora : <input type="text" name="hora" size="10">
</form>
</body>
</html>
 
Coloreado en 0.003 segundos,  usando GeSHi 1.0.8.4

por **BigBear** » 2013-02-05 11:34 @523

Ok , ya había actualizado el mensaje con el código resuelto pero gracias por la explicación. Veré si tengo tiempo y mejoro el código con el tuyo.

por **BigBear** » 2013-02-08 13:02 @585

Perdón por el doble mensaje pero me pasa algo raro con el reloj terminado porque lo tengo en un index y cuando cargo el index varias veces todo bien pero cuando cargo alguna opción como index.php?id=1 el reloj no se termina de cargar nunca. Después cargo el index solo de nuevo y anda lo más bien.

¿ alguien sabe cómo solucionar eso ?

Nota: eso solo pasa en Google Chrome; en Firefox no pasa.

Foro - Perl en Español

Fecha y hora

Fecha y hora

Publicidad

Re: Fecha y hora

Re: Fecha y hora

Re: Fecha y hora

¿Quién está conectado?