资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
非常厉害的javascript 实现指针式时间
<html xmlns:v="urn:schemas-microsoft-com:vml"> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20defer%3E%20%0D%0Afunction%20clock%20()%20%7B%20%0D%0Avar%20nowtime%3Dnew%20Date()%20%0D%0Anowhour%3Dnowtime.getHours()%20%0D%0Aif%20(nowhour%3E%3D12)%20%20%0D%0A%20nowhour-%3D12%20%0D%0Anowminute%3Dnowtime.getMinutes()%20%0D%0Anowsecond%3Dnowtime.getSeconds()%20%0D%0Anowmill%3Dnowtime.getMilliseconds()%20%0D%0Avar%20harc%2Cmarc%2Csarc%2Cmmarc%20%0D%0Aharc%3D(nowhour%2Bnowminute%2F60%2Bnowsecond%2F3600%2Bnowmill%2F3600000)*30%20%0D%0Amarc%3D(nowminute%2Bnowsecond%2F60%2Bnowmill%2F60000)*6%20%0D%0Asarc%3D(nowsecond%2Bnowmill%2F1000)*6%20%0D%0A%2F%2F%E8%A7%92%E5%BA%A6%E7%9A%84%E5%AD%97%E7%AC%A6%E4%B8%B2%20%0D%0Anh%3D(180-harc)*Math.PI%2F180%20%0D%0AharcT%3DMath.sin(nh)*250%2B500%20%0D%0AharcL%3DMath.cos(nh)*250%2B500%20%0D%0AharcStr%3DharcT%2B%22%2C%22%2BharcL%20%0D%0Adocument.all.hourline.to.value%3DharcStr%20%0D%0A%2F%2F%E5%88%86%E9%92%9F%E7%9A%84%E5%AD%97%E7%AC%A6%E4%B8%B2%20%0D%0Anm%3D(180-marc)*Math.PI%2F180%20%0D%0AmarcT%3DMath.sin(nm)*350%2B500%20%0D%0AmarcL%3DMath.cos(nm)*350%2B500%20%0D%0AmarcStr%3DmarcT%2B%22%2C%22%2BmarcL%20%0D%0Adocument.all.minuteline.to.value%3DmarcStr%20%0D%0A%2F%2F%E7%A7%92%E7%9A%84%E5%AD%97%E7%AC%A6%E4%B8%B2%20%0D%0Asm%3D(180-sarc)*Math.PI%2F180%20%0D%0AsarcT%3DMath.sin(sm)*400%2B500%20%0D%0AsarcL%3DMath.cos(sm)*400%2B500%20%0D%0AsarcStr%3DsarcT%2B%22%2C%22%2BsarcL%20%0D%0Adocument.all.secondline.to.value%3DsarcStr%20%0D%0Adocument.all.txt.innerHTML%3D%22%E7%8E%B0%E5%9C%A8%E6%97%B6%E9%97%B4%E6%98%AF%EF%BC%9A%22%2Bnowtime.getHours()%2B%22%3A%22%2Bnowtime.getMinutes()%2B%22%3A%22%2Bnowtime.getSeconds()%20%0D%0AsetTimeout(%22clock()%22%2C%2250%22)%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> <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需刷新才能执行
]
教程首页
更多教程