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

</p> <p><title><a href="https://www.kunjuke.com/tag/307/" title="状态栏" target="_blank">状态栏</a>显示<a href="https://www.kunjuke.com/tag/402/" title="时间" target="_blank">时间</a>——<a href="https://www.kunjuke.com/tag/112800/" title="数字钟" target="_blank">数字钟</a></title> </p> <p>var timerid = null;<br /> var timerrunning = false; </p> <p>function stopclock (){<br /> if(timerrunning)<br /> cleartimeout(timerid);<br /> timerrunning = false;<br /> } </p> <p>function showtime () {<br /> var now = new date();<br /> var hours = now.gethours();<br /> var minutes = now.getminutes();<br /> var seconds = now.getseconds()<br /> var timevalue = " " + ((hours >12) ? hours -12 :hours)<br /> timevalue += ((minutes < 10) ? ":0" : ":") + minutes<br /> timevalue += ((seconds = 12) ? " pm" : "am"<br /> window.status = timevalue;<br /> document.title = timevalue;<br /> timerid = settimeout("showtime()",1000);<br /> timerrunning = true;<br /> }<br /> function startclock () {<br /> stopclock();<br /> showtime();<br /> }<br /> window.onload=startclock </p> <p>body { font-family: tahoma; font-size: 9pt; color: #ffffff } </p> <p>请看状态栏: </p> <p>
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]