JavaScript是一種動態編程語言，被廣泛應用于客戶端Web開發中。其中一個常見的應用場景就是在網站上實現時間的顯示。JavaScript有很多內置的函數可以實現不同時間格式的顯示，本文將從多個角度介紹如何使用JavaScript來顯示時間。

在JavaScript中，Date對象是表示日期和時間的方法。可以使用構造函數和Date（）方法來創建Date對象。以下是幾個常見的時間格式示例：

var today = new Date();
console.log(today);//2021-09-30T07:07:52.691Z
console.log(today.toLocaleString());//9/30/2021, 3:07:52 PM
console.log(today.toDateString());//Thu Sep 30 2021
console.log(today.toTimeString());//14:07:52 GMT+0800 (中國標準時間)

從上面的代碼可以看出，Date對象在不同的方法下可以呈現不同的時間格式，重點關注的是toLocaleString方法。使用這個方法可以將時間轉換為區域設置正確的格式。

在實際的web應用中，常見的時間格式需要小時、分鐘和秒。以下是一個簡單的JavaScript函數，該函數以小時、分鐘和秒為參數，顯示當前時間：

function displayTime(hrs, mins, secs) {
var now = new Date();
var hr = now.getHours() + hrs;
var min = now.getMinutes() + mins;
var sec = now.getSeconds() + secs;
document.getElementById('time').innerHTML = "Current time: " + hr + ":" + min + ":" + sec;
}

上述代碼將時間作為參數傳遞給函數，將獲取當前時間并使用傳遞的小時、分鐘和秒來偏移時間。然后把時間格式化為hh:mm:ss的形式，最后將它插入到HTML頁面中的時間元素中。

時區也是顯示時間的一個重要因素。在JavaScript中，可以使用getTimezoneOffset方法獲取設備所在時區與UTC時間之間的差異，該差值通常以分鐘為單位表述。將這個差異添加到Date對象中的時間，以確保網站上顯示的時間與設備上實際的時間匹配：

function displayTimezoneTime(){
var now = new Date();
var diffTime = now.getTimezoneOffset()*60*1000;
var currentTime = now.getTime() + diffTime;
var timezoneOffset = -8;
var timeZoneTime = new Date(currentTime - (3600000*timezoneOffset));
document.getElementById('timezoneTime').innerHTML = "Current time: " + timeZoneTime.toLocaleString();
}

上述代碼將設備所在時區與UTC時間的差異乘以60和1000以獲取毫秒，然后將這個時間差添加到當前時間中。還需要將設備所在時區與UTC時間的差異（以小時為單位）與相應時區的UTC偏移量相加。最后，將其用toLocaleString()方法格式化為字符串，并將字符串插入到HTML頁面中的時間元素中。

總之，JavaScript是創建交互式web頁面的動態語言之一。通過內置的Date對象和相關方法，可以創建很多不同的時間格式。此外，這里的示例顯示了如何將web應用程序的時間與用戶設備上的時間保持同步。