
<html><head><title>JavaScript Clock</title>



<script language="javascript">

var ns4=(document.layers)?true:false;

var ie4=(document.all && !document.getElementById)?true:false;

var now=new Date();

now.hrs='00';

now.min='00';

now.sec='00';

var clock;



function setclock(){

now=new Date(); now.hrs=now.getHours(); now.min=now.getMinutes(); now.sec=now.getSeconds();

now.hrs=((now.hrs>12)? now.hrs-12 : now.hrs)+"";

now.hrs=((now.hrs<10)? "0" : "")+now.hrs;

now.min=((now.min<10)? "0" : "")+now.min;

now.sec=((now.sec<10)? "0" : "")+now.sec;

if(ns4){

clock.document.open();

clock.document.write('<div style="position:absolute; left:0px; top:0px; font-size:75px; color:white;"><center>'+now.hrs+':'+now.min+':'+now.sec+'</center></div>');

clock.document.close();

}else clock.innerHTML=now.hrs+':'+now.min+':'+now.sec;

}



window.onload=function(){

  setInterval('setclock()',300);

  clock=(ns4)?document.layers['clock']:(ie4)?document.all['clock']:document.getElementById('clock');

}



window.onresize=function(){

  if(ns4)setTimeout('history.go(0)',400);

}

</script>

</head><body>

<table border="0" width="100%" height="50"><tr><td align="center">

<div id="clock" style="position:relative; font-size:75px; color:#000000;"></div>

</td></tr></table>

</body>

</html>