JS實現(xiàn)瀏覽器狀態(tài)欄顯示時間的方法
更新時間：2015年10月27日 10:40:54 作者：企鵝
這篇文章主要介紹了JS實現(xiàn)瀏覽器狀態(tài)欄顯示時間的方法,涉及JavaScript針對時間及狀態(tài)欄操作的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了JS實現(xiàn)瀏覽器狀態(tài)欄顯示時間的方法。分享給大家供大家參考，具體如下：
以前做個人主頁的時候，總喜歡把自己的網(wǎng)頁搞的很個性，在網(wǎng)上做跑馬燈文字，在狀態(tài)欄顯示問候語，或者在狀態(tài)欄添加時間顯示，本代碼就是實現(xiàn)了狀態(tài)欄顯示當(dāng)前時間的物資，火狐沒測度，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程序設(shè)計有所幫助。
相關(guān)文章
測試代碼真方便...2006-07-07
這篇文章主要介紹了JS實現(xiàn)控制表格行內(nèi)容垂直對齊的方法,通過javascript的getElementById獲取元素并設(shè)置其相應(yīng)樣式來實現(xiàn)這一功能,需要的朋友可以參考下2015-03-03
解決layui頁面按鈕點擊無反應(yīng),也不報錯的問題
今天小編就為大家分享一篇解決layui頁面按鈕點擊無反應(yīng),也不報錯的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
javascript中節(jié)點的最近的相關(guān)節(jié)點訪問方法
parentNode——父節(jié)點;firstChild——第一個子節(jié)點;lastChild——最后一個子節(jié)點;previousSibling——緊挨著的前面的兄弟節(jié)點;這樣就可以作短途旅行，訪問當(dāng)前節(jié)點的某些相關(guān)節(jié)點，感興趣的你可以參考下哈2013-03-03
textarea焦點的用法實現(xiàn)獲取焦點清空失去焦點提示效果
這篇文章主要介紹了textarea焦點的用法實現(xiàn)獲取焦點清空失去焦點提示效果,需要的朋友可以參考下2014-05-05
利用JavaScript實現(xiàn)防抖節(jié)流函數(shù)的示例代碼
在開發(fā)中我們經(jīng)常會遇到一些高頻操作，比如：鼠標(biāo)移動，滑動窗口，鍵盤輸入等等，節(jié)流和防抖就是對此類事件進行優(yōu)化，降低觸發(fā)的頻率，以達到提高性能的目的。本文就教大家如何實現(xiàn)一個讓面試官拍大腿的防抖節(jié)流函數(shù)，需要的可以參考一下2022-08-08
日常開發(fā)中，我們會常常把一些功能提取出來，包裝成一個公共模塊或者組件.這篇文章主要介紹了webpack公共組件引用路徑簡化小技巧,非常具有實用價值，需要的朋友可以參考下2018-06-06
一個無限級XML綁定跨框架菜單（For IE）...2007-01-01
微信小程序?qū)崿F(xiàn)通過雙向滑動縮放圖片大小的方法
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)通過雙向滑動縮放圖片大小的方法,結(jié)合實例形式分析了微信小程序事件響應(yīng)及圖片元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2018-12-12
解決Layui當(dāng)中的導(dǎo)航條動態(tài)添加后渲染失敗的問題
今天小編就為大家分享一篇解決Layui當(dāng)中的導(dǎo)航條動態(tài)添加后渲染失敗的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09