當前位置：軟件學堂 > 資訊首頁 > 網絡編程 > 編程其他 > JS實現標題欄顯示時間

JS實現標題欄顯示時間

2012/11/5 12:34:45作者：佚名來源：網絡

移動端

【實例名稱】

JS實現標題欄顯示時間

【實例描述】

標題欄一般顯示網站名稱或網頁名稱。本例通過時間和標題欄的調用，實現在標題欄顯示時間的特效。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁-學無憂（www.yzddtk.cn）</title>
<SCRIPT LANGUAGE="JavaScript">
var clocktext;
var pagetitle = document.title;  // 獲取頁面標題
function viewTime() 
{
today = new Date();             //獲取當前日期
sec = today.getSeconds();       //獲取秒
hr = today.getHours();          //獲取小時
min = today.getMinutes();       //獲取分鐘
if (hr <= 9) hr = "0" + hr;     //顯示2位的小時
if (min <= 9) min = "0" + min;  //顯示2位的分鐘
if (sec <= 9) sec = "0" + sec;  //顯示2位的秒
var clocktext = " 當前時間是: " + hr + ":" + min + ":" + sec;
//間隔1000毫秒實現時間的更新
clocktimer = setTimeout("viewTime()", 1000);
document.title = pagetitle + clocktext;  //重新顯示標題
}
if (document.all) viewTime();            //如果是IE瀏覽器
</script>
</head>
<body>
</body>
</html>

【運行效果】

標題欄顯示時間運行效果

【難點剖析】

本例的重點是如何顯示當前時間、如何獲取IE的標題欄。獲取時間可以創建Date對象，但如果要一直顯示當前時間，則需使用“setTimeout”定時器每隔一秒鐘更新標題的時間。獲取IE標題欄則使用“document．title”。

【源碼下載】

為了JS代碼的準確性，請點擊：標題欄顯示時間進行本實例源碼下載

標簽：標題欄

上一篇：PS調色技巧：調出美女圖片暗調藍紅色
下一篇：JS實現超過時間頁面自動跳轉

相關文章

熱門軟件/ 推薦游戲/ 手機軟件

資訊分類

Dreamweaver Flash DIV+CSS 編程其他

推薦教程

精品軟件推薦

360安全衛士

訊飛輸入法

欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频视频,欧美一级特黄录像视频