首页 > 网络编程 > javascript > 网页特效 > 时间日期 > 状态栏 时间 状态栏 时间显示效果 数字钟 2009-10-26 16:39:04 作者： JavaScript日期特效，在状态栏显示一个数字钟，虽然现在不怎么用，但本代码有助于研究JavaScript对IE对象的控制技巧，必要时参考一下。 <HTML> <HEAD> <TITLE>状态栏显示时间——数字钟</TITLE> <META content="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> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 您可能感兴趣的文章:解析数字签名的substring结构(获取数字签名时间)使用JS显示倒计时数字时钟效果
