非常厉害的javascript 实现指针式时间

更新时间：2007年07月03日 00:00:00 作者：

<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" style="width:200;height:200;position:relative"> <v:Oval id="outercircle" style="width:1000;height:1000;z-index:10;" fillcolor="gray" /> <v:oval id="innercircle" style="position:relative;top:75;left:75;width:850;height:850;z-index:15" fillcolor="white" /> <v:line id="hourline" style="position:relative;z-index:20" from="500,500" to="800,800" strokeColor="gray">  <v:stroke startarrow="oval" endarrow="classic" dashstyle="Dot" strokeColor="red" /> </v:line> <v:line id="minuteline" style="position:relative;z-index:20" from="500,500" to="500,900" strokeColor="black">  <v:stroke endarrow="classic" dashstyle="Dot"/> </v:line> <v:line id="secondline" style="position:relative;z-index:20" from="500,500" to="400,900" strokeColor="black">  <v:stroke endarrow="classic" dashstyle="Dot"/> </v:line> <span style="position:relative;top:0;left:92;z-index:25">12</span> <span style="position:relative;top:93;left:169;z-index:25">3</span> <span style="position:relative;top:185;left:67;z-index:25">6</span> <span style="position:relative;top:93;left:-40;z-index:25">9</span> <v:/group> <div id=txt style="position:relative;top:220;left:40;border:1px solid black;font-size:12px;width:125;padding:3px"></div> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

js 日期字符串截取分割成单个具体的日期(2009-12-30 13:28:29)
js 日期字符串截取分割，这里利用的indexOf查找字符串的方法，效率什么的都不是很高，大家可以用数组的方式，将空格,分号，连接符号统一替换成一个样的字符，分割。
2009-12-12
挺酷的一个倒计时
挺酷的一个倒计时...
2006-10-10
Js 时间间隔计算的函数(间隔天数)
Js计算间隔天数的函数代码，需要的朋友可以参考下。
2011-11-11
js选择日期
js选择日期...
2006-07-07
javascript倒计时效果代码，可以方便参数调用
网上看到一个js倒计时效果代码，但没能改成参数调用的，唉，好久没练了，后来在经典论坛版主caiying2007的帮助下解决了
2008-04-04
很全的显示阴历（农历）日期的js代码
经下面的代码保存在js中调用即可。
2009-01-01
JS getMonth()日期函数的值域是0-11
好久没用JS写代码了，结果在计算日期时，出现了一个问题，困扰了我半天。最后终于搞清了问题的根源。
2010-02-02
一个js写的日历（代码部分网摘）
这段代码忘记从哪里摘录的了，刚开始摘录的时候，水平有限，有些地方的写法没看懂；经过学习，现在终于能明白其中的含义了。
2009-09-09
百度用到的Js日历大家可以看看
本JavaScript日历是从百度网站里整理出来的，费了很大劲，因为感觉这个日历简直太棒了，没有使用任何的外部文件，全部是HTML代码和Javascirpt实现。
2009-10-10
javascript 宝宝出生倒计时实现代码
用来计算宝宝出生的时间代码，闲着无聊所作，喜欢的朋友可以参考下。
2010-08-08