<html xmlns:v="urn:schemas-microsoft-com:vml"> <script defer> function clock () { var nowtime=new Date() nowhour=nowtime.getHours() if (nowhour>=12) nowhour-=12 nowminute=nowtime.getMinutes() nowsecond=nowtime.getSeconds() nowmill=nowtime.getMilliseconds() var harc,marc,sarc,mmarc harc=(nowhour+nowminute/60+nowsecond/3600+nowmill/3600000)*30 marc=(nowminute+nowsecond/60+nowmill/60000)*6 sarc=(nowsecond+nowmill/1000)*6 //角度的字串 nh=(180-harc)*Math.PI/180 harcT=Math.sin(nh)*250+500 harcL=Math.cos(nh)*250+500 harcStr=harcT+","+harcL document.all.hourline.to.value=harcStr //分鐘的字串 nm=(180-marc)*Math.PI/180 marcT=Math.sin(nm)*350+500 marcL=Math.cos(nm)*350+500 marcStr=marcT+","+marcL document.all.minuteline.to.value=marcStr //秒的字串 sm=(180-sarc)*Math.PI/180 sarcT=Math.sin(sm)*400+500 sarcL=Math.cos(sm)*400+500 sarcStr=sarcT+","+sarcL document.all.secondline.to.value=sarcStr document.all.txt.innerHTML="現在時間是："+nowtime.getHours()+":"+nowtime.getMinutes()+":"+nowtime.getSeconds() setTimeout("clock()","50") } </script> <STYLE> v\:* { Behavior: url(#default#VML) } </sTYLE> <body onLoad="clock()"><v:group id="clock" Coordsize="1000,1000" > <v:Oval id="outercircle" fillcolor="gray" /> <v:oval id="innercircle" fillcolor="white" /> <v:line id="hourline" from="500,500" to="800,800" strokeColor="gray"> <v:stroke startarrow="oval" endarrow="classic" dashstyle="Dot" strokeColor="red" /> </v:line> <v:line id="minuteline" from="500,500" to="500,900" strokeColor="black"> <v:stroke endarrow="classic" dashstyle="Dot"/> </v:line> <v:line id="secondline" from="500,500" to="400,900" strokeColor="black"> <v:stroke endarrow="classic" dashstyle="Dot"/> </v:line> <span >12</span> <span >3</span> <span >6</span> <span >9</span> <v:/group> <div id=txt ></div> </body> </html>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
