Hola:
Hay una forma que a mi gusto es más bonita de mostrar las Fechas completas, y en general cualquier objeto, y es re-definiendo su método toString()... Ejemplo:
http://www.forosdelweb.com/f13/fecha-hora-343513/
Pra re-definirlo se usan prototypos y se define así:
Date.prototype.toString = function() {
//cuerpo de la función...
return "objeto";
}
Con esa definición al escribir un objeto Date() se muestra la cadena "objeto", pero esa cadena se puede cambiar por lo que deseemos, así que nos serviría:
Código:
Date.prototype.toString = function() {
function x(dato) {
return (dato < 10) ? "0" + dato : dato;
}
Meses = ["enero","febrero","marzo","abril","mayo","junio",
"julio","agosto","septiembre","octubre","noviembre","diciembre"];
Días = ["Domingo ", "Lunes ", "Martes ", "Miércoles ", "Jueves ", "Viernes ", "Sábado "];
return Días[this.getDay()] + this.getDate() + " de " + Meses[this.getMonth()] + " de " + this.getFullYear() + ". Hora " + x(this.getHours()) + ":" + x(this.getMinutes()) + ":" + x(this.getSeconds());
}
Con esto podemos hacer una función más sencilla para mostrar la hora:
function muestraFecha() {
document.getElementById('pepe').innerHTML = new Date()
}
y por último actualizarla cada segundo:
<body onload="setInterval('muestraFecha()', 1000)" >
Por cierto, en estos casos creo que es mejor usar setInterval...
Saludos