JS實現瀏覽器狀態(tài)欄顯示時間的方法
更新時間：2015年10月27日 10:40:54 作者：企鵝
這篇文章主要介紹了JS實現瀏覽器狀態(tài)欄顯示時間的方法,涉及JavaScript針對時間及狀態(tài)欄操作的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了JS實現瀏覽器狀態(tài)欄顯示時間的方法。分享給大家供大家參考，具體如下：
以前做個人主頁的時候，總喜歡把自己的網頁搞的很個性，在網上做跑馬燈文字，在狀態(tài)欄顯示問候語，或者在狀態(tài)欄添加時間顯示，本代碼就是實現了狀態(tài)欄顯示當前時間的物資，火狐沒測度，IE下效果完美。
運行效果截圖如下：
在線演示地址如下：
http://demo.jb51.net/js/2015/js-status-bar-show-time-demo/
具體代碼如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>狀態(tài)欄時間顯示</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()">請看左下角！狀態(tài)欄有時間顯示！</BODY>
</HTML>
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
JavaScript監(jiān)聽和禁用瀏覽器回車事件實例
這篇文章主要介紹了JavaScript監(jiān)聽和禁用瀏覽器回車事件實例,本文直接給出示例代碼,需要的朋友可以參考下2015-01-01
最近一個新需求，要求用下拉多選框實現省份、城市的級聯選擇。2010-05-05
Extjs 中的 Treepanel 實現菜單級聯選中效果及實例代碼
這篇文章主要介紹了Extjs 中 Treepanel 實現菜單級聯選中效果,需要的朋友可以參考下2017-08-08
這篇文章主要介紹了javascript頁面倒計時實現方法,可實現簡單的頁面倒計時及自動提交表單功能,非常簡單實用,需要的朋友可以參考下2015-07-07
這篇文章主要為大家詳細介紹了Bootstrap模態(tài)對話框的簡單使用，感興趣的小伙伴們可以參考一下2016-04-04
這篇文章主要介紹了微信小程序開發(fā)之路由切換頁面重定向問題，又通過實例代碼給大家介紹了微信小程序的路由跳轉方法,需要的朋友可以參考下2018-09-09
javaScript生成支持中文帶logo的二維碼(jquery.qrcode.js)
這篇文章主要介紹了javaScript生成二維碼，改造jquery.qrcode.js，使之支持中文，能帶logo的二維碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
關于IE7.8.彈出窗口頂上...2008-12-12
這篇文章主要介紹了JS實現的網頁背景閃電閃爍效果代碼,涉及JavaScript定時函數結合頁面元素樣式操作的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
三種動態(tài)加載js的jquery實例代碼另附去除js方法
這篇文章主要介紹了三種動態(tài)加載js的jquery實例代碼另附去除js方法,需要的朋友可以參考下2014-04-04