New Page 1

<html>

<head>

<title>A javascript analog clock</title>

///////////////////////////////////////////////////////////////

xoffset=250;

yoffset=250;

handsegments=15;

clocksize=130;

hoursize=7;

minutesize=5;

secondsize=5;

markersize=10;

markernumber=12;

////////////////////////////////////////////////////////////////

function hand(type,radius,image) {

time=new Date();

if (type=="hour") {

radians=(time.getHours()/12+time.getMinutes()/720)*2*Math.PI-.5*Math.PI;

size=hoursize; }

else if (type=="minute") {

radians=(time.getMinutes()/60+time.getSeconds()/3600)*2*Math.PI-.5*Math.PI;

size=minutesize; }

else if (type=="second") {

radians=(time.getSeconds()/60)*2*Math.PI-.5*Math.PI;

size=secondsize; }

image.style.pixelLeft=radius*Math.cos(radians)+xoffset-size/2;

image.style.pixelTop =radius*Math.sin(radians)+yoffset-size/2;

}

function clock() {

for (i=0;i<=handsegments;i++) {

hand("minute",i*clocksize/handsegments,eval("minutehand"+i));

hand("second",i*clocksize/handsegments,eval("secondhand"+i));

hand("hour",i*clocksize*(3/4)/handsegments,eval("hourhand"+i));

}

setTimeout("clock()",800);

}

</script>

</head>

<body>

for (i=0;i<=handsegments;i++) {

document.writeln("<img src=hourhand.gif ID=hourhand"+i+" style='position:absolute; top:-1000; left:-1000; z-index:-5' width="+hoursize+" height="+hoursize+">");

document.writeln("<img src=minutehand.gif ID=minutehand"+i+" style='position:absolute; top:-1000; left:-1000' width="+minutesize+" height="+minutesize+">");

document.writeln("<img src=secondhand.gif ID=secondhand"+i+" style='position:absolute; top:-1000; left:-1000' width="+secondsize+" height="+secondsize+">");

}

for (i=0;i<markernumber;i++) {

radians=(i/markernumber)*2*Math.PI-.5*Math.PI;

radius=clocksize*1.2;

document.writeln("<img src=marker.gif style='position:absolute; top:"+(radius*Math.sin(radians)+yoffset-markersize/2)+"; left:"+(radius*Math.cos(radians)+xoffset-markersize/2)+"; z-index:-5' width="+markersize+" height="+markersize+">");

}

clock();

</script>

</body>

</html>