HTML5是一個強大的技術，它不僅可以用來創建豐富的網站，還可以用來構建各種互動式應用程序。其中一個重要的功能就是定時器，它允許您基于一定時間間隔執行代碼。

function startTimer(duration, display) {
var timer = duration, minutes, seconds;
setInterval(function () {
minutes = parseInt(timer / 60, 10);
seconds = parseInt(timer % 60, 10);
minutes = minutes< 10 ? "0" + minutes : minutes;
seconds = seconds< 10 ? "0" + seconds : seconds;
display.textContent = minutes + ":" + seconds;
if (--timer< 0) {
timer = duration;
}
}, 1000);
}
window.onload = function () {
var fiveMinutes = 60 * 5,
display = document.querySelector('#timer');
startTimer(fiveMinutes, display);
};

上述代碼中，我們定義了startTimer()函數，該函數接受兩個參數：持續時間和顯示計時器的元素。函數內部使用setInterval()函數來每秒更新計時器的時間，并在計時器歸零時重置計時器。

在加載窗口時，我們調用startTimer()函數并傳遞5分鐘的持續時間和表示計時器的元素。這使得計時器在頁面加載時立即啟動。

在HTML頁面中，我們可以使用以下代碼來調用此定時器：

<div id="timer"></div>

這將創建一個ID名為“timer”的DIV元素，該元素將用于顯示計時器。使用此定時器代碼，您可以輕松地實現各種基于時間的功能，例如顯示視頻，跟蹤用戶活動或自動保存數據。