动 态 数 字 时 钟1(javascript)

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无题</title>
</head>
<body onLoad="Time()"><!--页面加载时,调用Time()函数。-->
 <script language="JavaScript">
<!--
function Time()//定义一个函数。
{
 if (!document.layers&&!document.all)
 return
 /*由于IE与Netscape对JavaScript的解释不同,造成浏览的效果不同,所以要分别写代码。这句话判断一下用户所使用的浏览器,如果两者都不是,就返回。
*/
 var Timer=new Date()//定义一个新的变量,名字为timer,为这个新的变量创建一个Date对象。
 var hours=Timer.getHours()
 var minutes=Timer.getMinutes()
 var seconds=Timer.getSeconds()
 /*分别定义3个变量,获得当前“小时”,“分钟”,“秒”的值。*/
 var noon="AM"
 if (hours>12){
 noon="PM"
 hours=hours-12
 }
 if (hours==0)
 hours=12
 /*定义一个名为“noon”的变量,当“小时”数大于12时,其值为PM,同时所得值减12;当“小时”数小于或等于12时,其值为AM*/
 if (minutes<10)
 minutes="0"+minutes
 if (seconds<10)
 seconds="0"+seconds
 /*如果“分钟”数或“秒钟”数小于10,则在前面加一个“0”。*/
//这里可以设置字体的样式;
myclock="<font size='4' face='Arial' color=blue>"+hours+":"+minutes+":"
 +seconds+" "+noon+"</b></font>"//用一个新变量(myclock)把“小时,分,秒,noon”结合起来。
if (document.layers){
document.layers.position.document.write(myclock)
document.layers.position.document.close()
}
/*如果浏览器是Netscape,就输出myclock,同时用于IE的代码就停止执行。*/
else if (document.all)
position.innerHTML=myclock
/*否则如果浏览器是IE,就输出myclock。*/
setTimeout("Time()",1000)//每1000毫秒,调用一次Time函数,即一秒动一次。
 }
//-->
</script>
<span id="position" style="position:absolute;left:441px;top:190px; width: 128px; height: 30px">
</span>
</body>
</html>
 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值