当前位置:首页 > 网页设计 >Javascript >

Javascript时间日期篇--显示时钟

发布时间:2017-02-17 16:00:44 作者:佚名 阅读:(303)

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

<BODY bgcolor="#fef4d2" onload=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>

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

吾爱IT编程www.itbiancheng.com

</center></BODY>

</HTML>
 

欢迎分享转载→ Javascript时间日期篇--显示时钟

© 2015-2019 - 吾爱编程网 版权所有 苏ICP备18033726号-1关于我们 - 网站声明 - 联系我们