状态栏显示时间——数字钟_日期时间特效

模板酷站
  •       3/5
  •       1
  •       2
  •       3
  •       4
  •       5
查看演示效果

      织梦DedeCMS视频教程买空间 租服务器 选网硕互联! 无忧站长工具,百度权重一键全查!

      JavaScript日期特效,在状态栏显示一个数字钟,虽然现在不怎么用,但本代码有助于研究JavaScript对IE对象的控制技巧,必要时参考一下。

      <HTML> <HEAD> <TITLE>状态栏显示时间——数字钟</TITLE> <META mrc="text/html; charset=gb2312" http-equiv=Content-Type> <SCRIPT language=JavaScript> var timerID = null; var timerRunning = false; function stopclock (){ if(timerRunning) clearTimeout(timerID); timerRunning = false; } function showtime () { var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds() var timeValue = " " + ((hours >12) ? hours -12 :hours) timeValue += ((minutes < 10) ? ":0" : ":") + minutes timeValue += ((seconds < 10) ? ":0" : ":") + seconds timeValue += (hours >= 12) ? " pm" : "am" window.status = timeValue; document.title = timeValue; timerID = setTimeout("showtime()",1000); timerRunning = true; } function startclock () { stopclock(); showtime(); } window.onload=startclock </SCRIPT> <style> body { font-family: Tahoma; font-size: 9pt; color: #FFFFFF } </style> </HEAD> <BODY bgColor=#336699 id=all text=#000000 topmargin="0" leftmargin="0"> <div style="width: 65; height: 19; position: absolute; left: 20; bottom:0">请看状态栏:</div> </BODY> </HTML>