在網頁上，我們經常需要一個倒計時效果。這樣的效果可以增加網頁的交互性和用戶體驗。接下來，我會給大家介紹一段簡單的HTML 1分鐘倒計時代碼。
<!DOCTYPE html>
<html>
<head>
<title>倒計時</title>
<script>
function countDown() {
var now = new Date();
var end = new Date(now.getFullYear(), now.getMonth(), now.getDate(), now.getHours(), now.getMinutes() + 1, 0, 0);
var seconds = Math.floor((end - now) / 1000);
var minutes = Math.floor(seconds / 60);
var remainingSeconds = seconds % 60;
if (remainingSeconds < 10) {
remainingSeconds = "0" + remainingSeconds;
}
document.getElementById("countdown").innerHTML = minutes + ":" + remainingSeconds;
setTimeout(countDown, 1000);
}
window.onload = countDown;
</script>
</head>
<body>
<p>距離下一個分鐘還有<span id="countdown"></span></p>
</body>
</html>代碼中的function countDown()包含了實現倒計時的邏輯。通過獲取當前時間和目標時間的差值，再將差值轉化為分鐘和秒鐘的數值，最后將數值拼接成字符串，放入<span id="countdown">中，實現倒計時效果。
我們可以在網頁的任意位置調用這段代碼，實現我們需要的倒計時效果。