JS实现显示时钟

<HTML>
<HEAD>
<TITLE>时间日期篇--显示时钟</TITLE>
</HEAD>

<BODY bgcolor="#fef4d2" οnlοad=showclock() background="../images/background2.jpg">
<br>
<br>
<center>
<font color="ffaafa">
  <h2><font color="#FF00FF"><b>时间日期篇--显示时钟</b></font></h2>
  </font>
  <hr width=300>
<br><br>

<!-- 案例代码开始 -->

<!-- [Step1]: 这里可以调整时钟的方位 -->
<span id=liveclock style=position:absolute;left:250px;top:122px;; width: 109px; height: 15px>
</span>  
<SCRIPT language=javascript>

function showclock() {if(!document.layers&&!document.all)
return
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
var dn="AM"
if(hours>12){dn="PM"
hours=hours-12
}if(hours==0)
hours=12
if(minutes<=9)
minutes="0"+minutes
if(seconds<=9)
seconds="0"+seconds
<!-- [Step2]:这里可以改变时钟的大小 -->
myclock="<font size='5' face='Arial'><b>"+hours+":"+minutes+":"
+seconds+" "+dn+"</b></font>"
if(document.layers){document.layers.liveclock.document.write(myclock)
document.layers.liveclock.document.close()
}else if(document.all)
liveclock.innerHTML=myclock
setTimeout("showclock()",1000)
}
</SCRIPT>

<!-- 案例代码结束 -->

</center></BODY>

</HTML>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值