Esto fue lo que yo hice, y funciona bien.
Código HTML:
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>Untitled 1</title>
<script type="text/javascript">
function HoraActual(hora, minuto, segundo){
segundo = segundo + 1;
if(segundo == 60) {
minuto = minuto + 1;
segundo = 0;
if(minuto == 60) {
minuto = 0;
hora = hora + 1;
if(hora == 24) {
hora = 0;
}
}
}
if(hora < 10) hora = '0' + hora;
if(minuto < 10) minuto = '0' + minuto;
if(segundo < 10) segundo = '0' + segundo;
HoraCompleta= hora + " : " + minuto + " : " + segundo;
document.getElementById('contenedor_reloj').innerHTML = HoraCompleta;
setTimeout("HoraActual("+hora+", "+minuto+", "+segundo+")", 1000);
}
</script>
</head>
<body onload="HoraActual(<?php echo date("H").", ".date("i").", ".date("s"); ?>)">
<div id="contenedor_reloj"></div>
</body> Me tomo unos minutos, pero lo logre. Talvez lo postee como aporte.