状态栏 时间显示效果 数字钟 时间:2020-05-12 人气:0 <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>请看状态栏:</div> </BODY> </HTML> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 加载全部内容