状态栏时间显示效果数字钟

<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需再刷新一下页面才能执行]

频道导航

状态栏时间显示效果数字钟

您可能感兴趣的文章:

状态栏 时间显示效果 数字钟

您可能感兴趣的文章:

状态栏时间显示效果数字钟