HTML循環倒計時代碼 在網頁中添加倒計時功能可以吸引用戶的注意力，同時也可以讓用戶更清晰地了解某些事件或活動的截止時間。在HTML中可以使用JavaScript實現倒計時功能。下面是一個簡單的JavaScript代碼，可以實現循環倒計時效果。

function countDown(endTime, id) {
var endDate = new Date(endTime); //將結束時間轉換為日期對象
var now = new Date(); //獲取當前時間
var leftTime = endDate.getTime() - now.getTime(); //計算剩余時間（單位：毫秒）
var days = Math.floor(leftTime / (1000 * 60 * 60 * 24)); //計算剩余天數
var hours = Math.floor(leftTime / (1000 * 60 * 60) % 24); //計算剩余小時數
var minutes = Math.floor(leftTime / (1000 * 60) % 60); //計算剩余分鐘數
var seconds = Math.floor(leftTime / 1000 % 60); //計算剩余秒數
var str = "距離截止時間還有：" + days + "天" + hours + "小時" + minutes + "分鐘" + seconds + "秒"; //將剩余時間格式化為字符串
document.getElementById(id).innerHTML = str; //將字符串顯示在HTML中
setTimeout(function () { countDown(endTime, id) }, 1000); //每隔一秒鐘執行一次countDown函數
}

上面的代碼中，countDown函數中有兩個參數，第一個參數endTime表示倒計時的截止時間，第二個參數id表示將顯示倒計時的HTML標簽的id。在函數中，先將endTime和當前時間now分別轉換為日期對象，然后計算剩余的時間leftTime。接著使用Math.floor函數將leftTime分別轉換為剩余的天數、小時數、分鐘數和秒數，將其用字符串拼接起來，最后將字符串顯示在HTML中。 使用setTimeout函數可以每隔一秒鐘執行一次countDown函數，從而實現循環倒計時的效果。 需要注意的是，在HTML中需要使用<p>標簽將顯示倒計時的文字包起來，使用<span>標簽為其設置一個id，以便在JavaScript中調用。 下面是一個示例HTML代碼，可以將倒計時顯示在頁面中：

<p>活動截止日期：2020年12月31日 23:59:59</p>
<p><span id="countdown">距離截止時間還有：</span></p>
<script>countDown("2020/12/31 23:59:59", "countdown");</script>

通過以上代碼可以很方便地實現循環倒計時的功能，還可以通過修改樣式來達到更美觀的效果。