请选择 进入手机版 | 继续访问电脑版

 找回密码
 立即注册
查看: 13|回复: 1

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

[复制链接]

387

主题

19

回帖

3054

积分

管理员

积分
3054

最佳新人活跃会员热心会员推广达人宣传达人灌水之王突出贡献优秀版主荣誉管理论坛元老

QQ
发表于 7 天前 | 显示全部楼层 |阅读模式

<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>
开源鸭免责声明
1.软件源码资源来源于网络,如有侵权请联系我们!
2.侵权联系邮箱:48165603@qq.com 收到邮件的24小时内删帖!
3.资源开源分享均为网络资源,开源发布立场不代表本站!
4.请勿侵犯正版软件,尊重正版版权作者的劳动成果!
5.欢迎广大开发作者来本站投稿,开源鸭有你更精彩!

387

主题

19

回帖

3054

积分

管理员

积分
3054

最佳新人活跃会员热心会员推广达人宣传达人灌水之王突出贡献优秀版主荣誉管理论坛元老

QQ
 楼主| 发表于 7 天前 | 显示全部楼层
支持 魔方财务 商品说明 可添加
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表