Javascript是一種廣泛用于前端開發的編程語言，在網頁頁面中運用Javascript可以增加動態效果，其中做動態時間是一個十分常見而且實用的需求。通過Javascript，開發者可以根據當前的時間動態的展示各種時間，例如24小時制或12小時制、數字時間或是文本時間等等，使得用戶在使用網站或者應用程序時聚焦在時間的變化上。

在Javascript中，可使用基礎的Date對象和各種處理函數一起來取得并且展示現在的時間。下面是一個簡單的例代碼：

function getTime() {
var currentTime = new Date();
var hour = currentTime.getHours();
var minute = currentTime.getMinutes();
var second = currentTime.getSeconds();
document.getElementById('time').innerHTML = hour + ':' + minute + ':' + second;
}
setInterval(getTime, 1000);

類似這個例子，你就可以達到許多效果，通過加入不同函數就可以更改顯示的時間格式等等。例如換成12小時制，你可以改代碼如下：

function getTime() {
var currentTime = new Date();
var hour = currentTime.getHours();
if (hour > 12) {
hour = hour - 12;
}
var minute = currentTime.getMinutes();
var second = currentTime.getSeconds();
document.getElementById('time').innerHTML = hour + ':' + minute + ':' + second;
}
setInterval(getTime, 1000);

除此之外，還可以很好地用javascript修改日期的樣式，例如把DAY、MONTH和YEAR放在同一行中、在月份前面應用前綴“0”例如01而不是1。下面顯示了一個簡單的例代碼：

function getDate() {
var currentDate = new Date();
var day = currentDate.getDate();
var month = currentDate.getMonth() + 1; // note that months are 0-indexed
var year = currentDate.getFullYear();
if (day < 10) {
day = '0' + day;
}
if (month < 10) {
month = '0' + month;
}
document.getElementById('date').innerHTML = day + '/' + month + '/' + year;
}
getDate();

在許多情況下，時間變化不是簡單地展示，而是會根據不同要求而變化。例如，一些應用程序需要倒計時的運作，顯示一個時間，并且在某一特定時間點停止，并做出一些動作。為了達到類似的效果，可以使用Javascript計算兩個時間的差，然后將其展示給用戶。下面的代碼顯示了如何計算兩個時間之間的差：

// difference between two dates
var date1 = new Date("2021-01-01");
var date2 = new Date();
var timeDiff = Math.abs(date2.getTime() - date1.getTime());
var diffDays = Math.ceil(timeDiff / (1000 * 3600 * 24));
document.write(diffDays + " days since " + date1);

總之，Javascript有許多用于動態時間展示的函數和方法。通過熟悉這些工具，前端開發人員可以輕松地為應用程序或網站創建豐富、動態并且實用的時間展示。