yo tengo este codigo:
<div id="bx" class="z">00:00:00</div>
<p>
<script type="text/javascript">
v=new Date();
var bx=document.getElementById('bx');
function t()
{
n=new Date();
//segundos
s=3600-Math.round((n.getTime()-v.getTime())/1000.);m=0;h=0;
if(s<0)
{bx.innerHTML='---';document.location=document.location;}
else
{
if(s>59) {m=Math.floor(s/60); s=s-m*60}
if(m>59) {h=Math.floor(m/60);m=m-h*60}
if(s<10) {s="0"+s}
if(m<10) {m="0"+m}
bx.innerHTML=h+":"+m+":"+s+''
}
window.setTimeout("t();",999);}
window.onload=t;
</script>
</p>
y funciona.. pero cada vez que cargo la pagina vuelve a ponerse el contador al inicio.. hay alguna manera de que aunque se cargue la pagina el contador siga por donde estaba... es decir: empieza en 1 hora (00:59:59) y cuando va por media hora (00:29:59) y actualizo que siga en (00:29:58) en lugar de volver a (00:59:59) ????