隨著互聯網的不斷發展,越來越多的網頁需要顯示當前的時間。Javascript是一種功能強大的編程語言,具有不同于HTML和CSS的能力,用它可以實現網頁上的時間顯示。
JavaScript中使用Date對象來獲取當前時間,可以通過Date對象的各種屬性來獲取年、月、日、星期、時、分、秒等各種信息。例如:
var now = new Date(); var year = now.getFullYear(); var month = now.getMonth() + 1; var day = now.getDate(); var week = now.getDay(); var hour = now.getHours(); var minute = now.getMinutes(); var second = now.getSeconds();
以上代碼將獲取到當前時間的各種信息,可以通過一些處理將它們組合成一個完整的時間字符串:
var weekStr = ["日", "一", "二", "三", "四", "五", "六"]; var display = document.getElementById("time"); display.innerHTML = year + "年" + month + "月" + day + "日" + " 星期" + weekStr[week] + " " + padZero(hour) + ":" + padZero(minute) + ":" + padZero(second);
在這個例子里,我們使用了一個數組weekStr儲存了星期日到星期六的漢字,根據getDay()方法返回的數值來從數組中取出對應的漢字。同時,我們還使用了一個名為padZero的函數來在小時、分鐘和秒鐘前補零,確保格式整齊。
但是由于JavaScript本身的限制,使用上述代碼得到的時間將只在刷新頁面時更新一次,無法實時刷新。因此我們需要使用setInterval函數在一段時間間隔里調用showTime函數即可實現實時顯示。
setInterval("showTime()", 1000); function showTime() { // ... }
至此,我們就可以在網頁上實現實時時間顯示的功能了。