Yo uso este script de Java y me funciona muy bien lo puedes modificar para que te muestre la hora en formato de 24 o 12 horas, ya que yo lo tengo en 24.
Código:
var alternate=0
var standardbrowser=!document.all&&!document.getElementById
if (standardbrowser)
document.write('<form name="tick"><input type="text" name="tock" size="11"></form>')
function show(){
if (!standardbrowser)
var clockobj=document.getElementById? document.getElementById("digitalclock") : document.all.digitalclock
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var dn="Hrs."
if (hours==24) dn="Hrs."
if (hours>24){
dn="Hrs."
hours=hours-24
}
if (hours==0) hours=24
if (hours.toString().length==1)
hours="0"+hours
if (minutes<=9)
minutes="0"+minutes
if (standardbrowser){
if (alternate==0)
document.tick.tock.value=hours+" : "+minutes+" "+dn
else
document.tick.tock.value=hours+" "+minutes+" "+dn
}
else{
if (alternate==0)
clockobj.innerHTML=hours+"<font color='c0c0c0'> : </font>"+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>"
else
clockobj.innerHTML=hours+"<font color='000000'> : </font>"+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>"
}
alternate=(alternate==0)? 1 : 0
setTimeout("show()",1000)
}
window.onload=show
Usa este stilo en css para que se muetre correctamente.
Puedes usar una tabla para implementar este escript y asignarle este estilo.
Código:
.styling {font-family: "MS Sans Serif";
font-size: 11px;
font-weight: bold;
background-color: #000000;
color:c0c0c0;
padding: 3px;
}