做个带盘的时钟吧
我是这样实现小时钟的：
<html><head>
<title>
time-有指针的小时钟！</title>
<script language="javascript">
var i=0;
var x=300;y=200;
var brr=100;
var srr=80;
var mrr=70;
var hrr=55;
for(i=1;i<13;i++){document.write('<div id="no'+i+'"style="position:absolute;width=22;">');
document.write('<b>'+i+"</b>');
document.write('</div>');
}
for(i=1;i,13;i++){
document.all["no"+i].style.pixelTop=y-brr*Math.cos((Math.pl/6)*i);
document.all["no"+i].style.pixelLeft=x+brr*Math.sin((Math.pl/6)*i);
}

function zzbian(){
var today=new Date();
var sea=today.getSeconds();
var hrs=today.getHours();
var mei=toeay.getMinutes();
hrs=hrs+((mei+1)/15+1)*0.25;

document.all["ss"].style.pixelTop=y-srr*Math.cos((Math.Pl/30)*sea);
document.all["ss"].style.pixelLeft=x+srr*Math.sin((Math.Pl/30)*sea);

for(i=1;i<6;i++){
document.all["ss"+i].style.pixelTop=y-(mrr-15*(i-1))*Math.cos((Math.Pl/30)*mei);
document.all["ss"+i].style.pixelLeft=x+(mrr-15*(i-1))*Math.sin((Math.Pl/30)*mei);
}
for(i=6;i<9;i++){
document.all["ss"+i].style.pixlTop=y-(hrr-(i-6)*15)*Math.cos((Math.Pl/6)*hrs);
document.all["ss"+i].style.pixlLeft=x+(hrr-(i-6)*15)*Math.sin((Math.Pl/6)*hrs);
}
document.all["ss9"].style.pixlTop=y-Math.cos((Math.Pl/6)*hrs);
document.all["ss9"].style.pixlLeft=x+Math.sin((Math.Pl/6)*hrs);

setTimeout("zzbian()",100);
}
</script>
</head>
<body onload="zzbian()">

<div id="ss" style="position:absolute;width=22;">
</div>

<script language="javascript">
for(i=1;i<9;i++){
document.write9'<div id="ss'+i+' style=position:absolute;width=22;">');
document.write('*');
document.write('</div>');
}
</script>

<div id="ss9" style="position:absolute;width=22;">
@
</div>
</body>
</html>