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

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 非常厉害的javascript 实现指针式时间

Javascript: Javascript-Mozilla和IE中的一个函数直接量的问题分析; TopList标签和JavaScript结合两例; javascript-TreeView父子联动效果保持节点状态一致; 不错的JS中变量相关的细节分析; 解决使用attachEvent函数时，this指向被绑定的元素的问题的方法; 根据地区不同显示时间的javascript代码; javascript下查找父节点的简单方法; 分享别人写的一个小型js框架; 封装好的省市地区联动控件附下载; 权威JavaScript 中的内存泄露模式; JavaScript 编程引入命名空间的方法与代码; IE/FireFox具备兼容性的拖动代码; 分析 JavaScript 中令人困惑的变量赋值; 推荐一个小巧的JS日历; 让回调函数 showResponse 也带上参数的代码; 增强的 JavaScript 的 trim 函数的代码; 高亮闪烁某个元素的js脚本; 用JavaScript 处理 URL 的两个函数代码; JavaScript 模仿vbs中的 DateAdd() 函数的代码; 用js实现随机返回数组的一个元素

No. « ‹ 77 78 79 80 › »

技术文章搜索

关键字

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

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 51 ::

收藏到网摘: n/a

javascript发表评论或者留言时的展开效果文档处理系列——随时更新

点击运行可以看到效果:

<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 全选提示:你可先修改部分代码,再按运行]

javascript发表评论或者留言时的展开效果文档处理系列——随时更新

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

评论 (0) All

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