本文實例講述了JS實現瀏覽器狀態欄顯示時間的方法。分享給大家供大家參考,具體如下:
以前做個人主頁的時候,總喜歡把自己的網頁搞的很個性,在網上做跑馬燈文字,在狀態欄顯示問候語,或者在狀態欄添加時間顯示,本代碼就是實現了狀態欄顯示當前時間的物資,火狐沒測度,IE下效果完美。
運行效果截圖如下:
在線演示地址如下:
http://demo.VeVB.COm/js/2015/js-status-bar-show-time-demo/
具體代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE>狀態欄時間顯示</TITLE></HEAD><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) ? " 下午" : " 上午" window.status = timeValue; timerID = setTimeout("showtime()",1000); timerRunning = true;}function startclock () { stopclock(); showtime();}</script><body bgcolor="#336699" topmargin="0" leftmargin="0" onLoad="startclock()">請看左下角!狀態欄有時間顯示!</BODY></HTML>
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答