快捷導(dǎo)航

JS實(shí)現(xiàn)瀏覽器狀態(tài)欄顯示時(shí)間的方法

更新時(shí)間：2015年10月27日 10:40:54 作者：企鵝

這篇文章主要介紹了JS實(shí)現(xiàn)瀏覽器狀態(tài)欄顯示時(shí)間的方法,涉及JavaScript針對(duì)時(shí)間及狀態(tài)欄操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了JS實(shí)現(xiàn)瀏覽器狀態(tài)欄顯示時(shí)間的方法。分享給大家供大家參考，具體如下：

以前做個(gè)人主頁(yè)的時(shí)候，總喜歡把自己的網(wǎng)頁(yè)搞的很個(gè)性，在網(wǎng)上做跑馬燈文字，在狀態(tài)欄顯示問(wèn)候語(yǔ)，或者在狀態(tài)欄添加時(shí)間顯示，本代碼就是實(shí)現(xiàn)了狀態(tài)欄顯示當(dāng)前時(shí)間的物資，火狐沒(méi)測(cè)度，IE下效果完美。

運(yùn)行效果截圖如下：

在線(xiàn)演示地址如下：

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)欄時(shí)間顯示</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()">請(qǐng)看左下角！狀態(tài)欄有時(shí)間顯示！</BODY>
</HTML>

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

JavaScript監(jiān)聽(tīng)和禁用瀏覽器回車(chē)事件實(shí)例
這篇文章主要介紹了JavaScript監(jiān)聽(tīng)和禁用瀏覽器回車(chē)事件實(shí)例,本文直接給出示例代碼,需要的朋友可以參考下
2015-01-01
ExtJS 下拉多選框lovcombo
最近一個(gè)新需求，要求用下拉多選框?qū)崿F(xiàn)省份、城市的級(jí)聯(lián)選擇。
2010-05-05
Extjs 中的 Treepanel 實(shí)現(xiàn)菜單級(jí)聯(lián)選中效果及實(shí)例代碼
這篇文章主要介紹了Extjs 中 Treepanel 實(shí)現(xiàn)菜單級(jí)聯(lián)選中效果,需要的朋友可以參考下
2017-08-08
javascript頁(yè)面倒計(jì)時(shí)實(shí)例
這篇文章主要介紹了javascript頁(yè)面倒計(jì)時(shí)實(shí)現(xiàn)方法,可實(shí)現(xiàn)簡(jiǎn)單的頁(yè)面倒計(jì)時(shí)及自動(dòng)提交表單功能,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下
2015-07-07
Bootstrap模態(tài)對(duì)話(huà)框的簡(jiǎn)單使用
這篇文章主要為大家詳細(xì)介紹了Bootstrap模態(tài)對(duì)話(huà)框的簡(jiǎn)單使用，感興趣的小伙伴們可以參考一下
2016-04-04
微信小程序開(kāi)發(fā)之路由切換頁(yè)面重定向問(wèn)題
這篇文章主要介紹了微信小程序開(kāi)發(fā)之路由切換頁(yè)面重定向問(wèn)題，又通過(guò)實(shí)例代碼給大家介紹了微信小程序的路由跳轉(zhuǎn)方法,需要的朋友可以參考下
2018-09-09
javaScript生成支持中文帶logo的二維碼(jquery.qrcode.js)
這篇文章主要介紹了javaScript生成二維碼，改造jquery.qrcode.js，使之支持中文，能帶logo的二維碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-01-01
關(guān)于IE7 IE8彈出窗口頂上
關(guān)于IE7.8.彈出窗口頂上...
2008-12-12
JS實(shí)現(xiàn)的網(wǎng)頁(yè)背景閃電閃爍效果代碼
這篇文章主要介紹了JS實(shí)現(xiàn)的網(wǎng)頁(yè)背景閃電閃爍效果代碼,涉及JavaScript定時(shí)函數(shù)結(jié)合頁(yè)面元素樣式操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-10-10
三種動(dòng)態(tài)加載js的jquery實(shí)例代碼另附去除js方法
這篇文章主要介紹了三種動(dòng)態(tài)加載js的jquery實(shí)例代碼另附去除js方法,需要的朋友可以參考下
2014-04-04