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

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

Javascript: JavaScript中的Navigator浏览器对象; JavaScript中的Screen屏幕对象; JavaScript中的Window窗口对象; JavaScript中的History历史对象; JavaScript中的Location地址对象; JavaScript中的Document文档对象; JavaScript中的事件处理; JavaScript中的对象化编程; JavaScript框架编程; JavaScript的Cookies; JavaScript表单常用验证集合; javascript 实现的多浏览器支持的贪吃蛇webgame; 表现、结构、行为分离的选项卡效果; 用JavaScript 判断用户使用的是 IE6 还是 IE7; msn上的tab功能Firefox对childNodes处理的一个BUG; jquery 插件人性化的消息显示; 零基础学JavaScript最新动画教程+iso光盘下载; 用jQuery实现检测浏览器及版本的脚本代码; 在Javascript类中使用setTimeout; Javascript 写的简单进度条控件

No. « ‹ 91 92 93 94 › »

技术文章搜索

关键字

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

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

收藏到网摘: 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 实现指针式时间