论坛 › 网站源码 › HTML倒计时天数小时分钟秒 代码

admin 发表于 2024-10-26 18:52:49

HTML倒计时天数小时分钟秒 代码

<p id="countdown" style="color: #FF0000;"></p>

<script>
    // 设置目标日期，这里假设为2025年1月1日 00:00:00，你可根据需要修改
    const targetDate = new Date('2024-11-01T00:00:00');

    function updateCountdown() {
      const now = new Date();
      const difference = targetDate - now;

      const days = Math.floor(difference / (1000 * 60 * 60 * 24));
      const hours = Math.floor((difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
      const minutes = Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60));
      const seconds = Math.floor((difference % (1000 * 60)) / 1000);

      const countdownElement = document.getElementById('countdown');
      countdownElement.textContent = `剩余时间：${days}天${hours}小时${minutes}分钟${seconds}秒`;
    }

    // 首次加载页面时更新倒计时
    updateCountdown();

    // 每隔1秒更新一次倒计时（可根据需要调整间隔时间）
    setInterval(updateCountdown, 1000);
</script>

admin 发表于 2024-10-26 18:53:38

支持 魔方财务 商品说明 可添加

查看完整版本: HTML倒计时天数小时分钟秒 代码