Creamos un xhtml normal y corriente y entre las etiquetas ‘body’ insertamos un div con un id=”fecha”.

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

Este div lo que hará será escribir la hora que calcule javascript. Asi que vamos a ver la función de javascript que crearemos. En realidad tendremos dos funciones javascript: una la propia que extrae la hora y otra que haremos que se ejecute al cargar la página y que se vuelva a ejecutar pasado un tiempo (nunca superior a un segundo).

function extraeFecha(){
   var dateToday = new Date();
   var hora = dateToday.getHours();
   if(hora<10){
      hora = '0'+hora;
   }
   var minutos = dateToday.getMinutes();
   if(minutos<10){
      minutos = '0'+minutos;
   }
   var segundos = dateToday.getSeconds();
   if(segundos<10){
      segundos = '0'+segundos;
   }
   var fecha = document.getElementById('fecha');
   fecha.innerHTML = hora+":"+minutos+":"+segundos;
   retardo();
}

function retardo(){
   setTimeout('extraeFecha()', 10);
   //setTimeout(funcion, milisegundos)
}

Por último solo nos quedará asignarle la función ‘retardo()’ al evento onload del body y listo. Y tenemos nuestro reloj digital con javascript.