在HTML中，需要使用JavaScript來設置時間組件。由于JavaScript是一種腳本語言，它可以很容易地插入到HTML中的腳本標簽中。

<script type="text/javascript">
//設置時間組件
function setTime() {
var time = new Date();
var hour = time.getHours();
var minute = time.getMinutes();
var second = time.getSeconds();
var meridiem = "AM";
//轉換12小時制
if (hour >12) {
hour -= 12;
meridiem = "PM";
}
//補零
minute = checkTime(minute);
second = checkTime(second);
//輸出時間
document.getElementById("time").innerHTML = hour + ":" + minute + ":" + second + " " + meridiem;
//每秒更新時間
setTimeout(setTime, 1000);
}
//檢查時間是否需要補零
function checkTime(i) {
if (i< 10) {i = "0" + i};  // add zero in front of numbers< 10
return i;
}
setTime(); //啟動時間組件
</script>

在上面的代碼中，我們創建一個名為“setTime”的函數。該函數通過JavaScript中的“Date”對象獲取了當前時間。然后，函數將獲取的小時數、分鐘數、秒數進行修正以輸出正確的時間格式。

該功能在每秒鐘更新一次，以顯示當前時間。對于頁面中的時鐘，可以將該功能整合為頁面的一部分。