JS實作瀏覽器狀態列顯示時間的方法
- PHPz轉載
- 2016-05-16 15:34:542041瀏覽
這篇文章主要介紹了JS實作瀏覽器狀態列顯示時間的方法，涉及JavaScript針對時間及狀態列操作的相關技巧，具有一定參考借鑒價值,需要的朋友可以參考下，具體如下：
以前做個人主頁的時候，總喜歡把自己的網頁搞的很個性，在網上做跑馬燈文字，在狀態欄顯示問候語，或者在狀態欄添加時間顯示，本代碼就是實現了狀態欄顯示目前時間的物資，火狐沒測度，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>状态栏时间显示</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視訊教學！
陳述：
本文轉載於：jb51.net。如有侵權，請聯絡admin@php.cn刪除