製作網頁時如何在網頁標題顯示當前系統時間?

用JavaScript定義獲取當前系統時間函式,使用網頁觸發器觸發事件。

製作網頁時如何在網頁標題顯示當前系統時間

工具/原料

Dreamweaver Cs4

方法/步驟

開啟Dreamweaver新建一個html網頁。

製作網頁時如何在網頁標題顯示當前系統時間

切換到程式碼檢視,在標籤裡,標籤後面輸入JavaScript標籤。

製作網頁時如何在網頁標題顯示當前系統時間

在script標籤裡定義一個time()函式

function time()

{

thistime=new Date() //建立一個物件

var hours=thistime.getHours() //獲取時鐘

var minutes=thistime.getMinutes() //獲取分鐘

var seconds=thistime.getSeconds() //獲取秒鐘

var years=thistime.getYear() //獲取年

var months=thistime.getMonth() //獲取月

var days=thistime.getDay() 獲取日

}

製作網頁時如何在網頁標題顯示當前系統時間

判斷當時鍾小於10的時候在前面加個0,例如8點零8分會顯示08:08

if(eval(hours)<10)

{

hours="0"+hours

}

if(eval(minutes<10))

{

minutes="0"+minutes

}

if(seconds<10)

{

seconds="0"+seconds

}

製作網頁時如何在網頁標題顯示當前系統時間

thistime=hours+":"+minutes+":"+seconds //把時間顯示順序調整好

document.title=thistime //在標題顯示

var timer=setTimeout("time()",1000) //設定計時器,讓時間每分每秒更新

製作網頁時如何在網頁標題顯示當前系統時間

在標籤加上載入觸發事件

製作網頁時如何在網頁標題顯示當前系統時間

按Ctrl+s儲存,按F12在瀏覽器中瀏覽。最終效果圖。

製作網頁時如何在網頁標題顯示當前系統時間

注意事項

注意要在指定的標籤內輸入對應的程式碼。

看清楚函式程式碼不要寫錯。

相關問題答案