非常厉害的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 日历控件(蓝色)
超漂亮的JS日历控件，代码有些复杂。
2010-03-03
Javascript 倒计时源代码.(时.分.秒) 详细注释版
基于js的倒计时实现代码，并有详细的注释比较适合学习使用。
2011-05-05
js选择日期
js选择日期...
2006-07-07
javascript 日期常用的方法
日期的换算比较和日期的格式判断需要的朋友可以参考下。
2009-11-11
提供一款很不错的万年历查询
提供一款很不错的万年历查询...
2007-08-08
推荐一个小巧的JS日历
推荐一个小巧的JS日历...
2007-08-08
一个日期下拉菜单的js实现代码
用js实现的日期下拉菜单效果代码，用js主要是方便控制，不需要输入很多的菜单
2012-10-10
Javascript倒计时页面跳转实例小结
在js中实现页面定时跳转我们要使用setInterval或setTimeOut函数，当然还可以使用页面的meta实现了，下面使用js实现的几个代码
2013-09-09
javascript实现的简易的DatePicker日历
DatePicker是个很常见的组件。我大致搜了一下，满大篇的demo。各大框架也把DatePicker纳入基本的组件库里。
2011-02-02
js计算时间过去的时间
计算过去多长时间的js代码，可以加个自动切换到当前focus也不错，大家可以动手弄下
2008-02-02

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具