HTML倒計時是在網(wǎng)頁開發(fā)中常見的一種功能，可以讓用戶知道特定時間的倒數(shù)。下面是HTML倒計時的常見代碼合集。

//HTML倒計時代碼
<div id="countdown">
</div>
//JS倒計時代碼
var countDownDate = new Date("Jan 1, 2022 00:00:00").getTime();
var x = setInterval(function() {
var now = new Date().getTime();
var distance = countDownDate - now;
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
document.getElementById("countdown").innerHTML = days + "天 " + hours + "小時 "
+ minutes + "分鐘 " + seconds + "秒 ";
if (distance < 0) {
clearInterval(x);
document.getElementById("countdown").innerHTML = "已經(jīng)開始了！";
}
}, 1000);

上面這段代碼中，先是定義了一個空的<div>元素，用于顯示倒計時。然后通過JavaScript的setInterval函數(shù)，每一秒鐘更新<div>內(nèi)的內(nèi)容。

在JS代碼塊中定義了倒計時結束時間，使用Date對象進行計算，得出距離倒計時結束還有多少天、小時、分鐘和秒。然后使用innerHTML方法更新<div>中的內(nèi)容。

如果倒計時結束，那么清空更新的內(nèi)容，顯示"已經(jīng)開始了！"。

上面這段代碼只是實現(xiàn)基本倒計時功能，如果想讓倒計時更加美觀和個性化，可以根據(jù)實際需要進行自定義。