2个小时倒计时js代码

要在JavaScript中实现一个2小时的倒计时，你可以使用setInterval函数来每秒更新倒计时，并在页面上显示剩余时间。以下是一个简单的示例代码：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>2小时倒计时</title>
<script>
// 设置倒计时的总秒数（2小时）
const totalTimeInSeconds = 2 * 60 * 60;
let timeLeft = totalTimeInSeconds;

// 更新倒计时显示
function updateCountdownDisplay() {
  const hours = Math.floor(timeLeft / 3600);
  const minutes = Math.floor((timeLeft % 3600) / 60);
  const seconds = timeLeft % 60;

  // 格式化时间显示
  const formattedTime = `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
  
  // 在页面上显示倒计时
  document.getElementById('countdown').textContent = formattedTime;
}

// 开始倒计时
function startCountdown() {
  updateCountdownDisplay(); // 首次更新显示
  const intervalId = setInterval(() => {
    timeLeft--;
    if (timeLeft < 0) {
      clearInterval(intervalId); // 如果倒计时结束，清除定时器
      document.getElementById('countdown').textContent = '倒计时结束';
    } else {
      updateCountdownDisplay(); // 更新倒计时显示
    }
  }, 1000);
}

// 页面加载完成后开始倒计时
window.onload = startCountdown;
</script>
</head>
<body>
<h1>2小时倒计时</h1>
<p id="countdown"></p>
</body>
</html>