今天我們來介紹一下如何用HTML實現一個3分鐘的倒計時，以下是代碼展示：
<html>
<head>
<title>3 Minute Countdown</title>
</head>
<body>
<h1>3 Minute Countdown</h1>
<p id="countdown"></p>
<script>
var count = 180;
var interval = setInterval(function() {
count--;
document.getElementById("countdown").innerHTML = "Time Left: " + count + " seconds";
if (count === 0) {
clearInterval(interval);
document.getElementById("countdown").innerHTML = "Time's up!";
}
}, 1000);
</script>
</body>
</html>代碼解釋：
首先在HTML文件中添加一個標題和一個段落，這個段落的id屬性設置為“countdown”，這樣我們可以通過JavaScript找到這個段落并更新其中的文本內容。
在JavaScript代碼中，首先我們聲明一個計數器變量“count”，開始時賦值為180，也就是3分鐘的秒數。然后我們使用setInterval函數設置一個間隔為1秒的定時器，并且在定時器函數中將count減1，并更新段落中的文本內容。如果count等于0，則清除定時器并在段落中顯示“Time's up!”的文本內容。
經過以上解釋，相信大家已經完全理解了如何使用HTML和JavaScript實現一個3分鐘倒計時的代碼。感謝大家的閱讀！