JavaScript实现日期天数与时分秒倒计时完整代码

作者：木棉时间：2026-10-31 07:47:56浏览：636

本文介绍了如何使用JavaScript实现日期倒计时功能。通过计算截止日期与当前时间的毫秒差，可分别实现纯天数倒计时及包含时分秒的详细倒计时格式。文章提供了完整的函数代码示例，涵盖时间单位换算逻辑及边界处理，适用于前端活动页面开发。

前言

在使用JavaScript编写倒计时功能时，核心思路是先计算目标日期与当前日期之间的毫秒数差值。随后，依据该差值进行相应的比例换算，分别计算出天、月、小时、分钟和秒数，从而准确得出剩余时间。

倒计时格式为：纯天数倒计时

function CountDown(year, month, day, hours) {
      let now = new Date();
      let endDate = new Date(year, month - 1, day, hours);
      let leftTime = endDate.getTime() - now.getTime();//计算剩余的毫秒数
      if (leftTime <= 0) {
        leftTime = 0;
      }
      let leftsecond = parseInt(leftTime / 1000);//计算剩余的秒数
      let countDay = Math.floor(leftsecond / (60 * 60 * 24));
      return  countDay;
    },
    //直接调用就好了
     CountDown(2050, 12, 31, 24)

倒计时格式为：天数+小时+分钟+秒

function CountDown(year, month, day, hours) {
    let now = new Date();
    let endDate = new Date(year, month - 1, day, hours);
    let leftTime = endDate.getTime() - now.getTime();//计算剩余的毫秒数
    if (leftTime <= 0) {
        leftTime = 0;
    }
    let leftsecond = parseInt(leftTime / 1000);//计算剩余的秒数
     day = Math.floor(leftsecond / (60 * 60 * 24));
    let hour = Math.floor((leftsecond - day * 24 * 60 * 60) / 3600);
    let minute = Math.floor((leftsecond - day * 24 * 60 * 60 - hour * 3600) / 60);
    let second = Math.floor(leftTime / 1000 % 60, 10);
    return `${day}天${hour}小时${minute}分钟${second}秒`;
}
//直接调用即可
CountDown(2050, 12, 31, 24)

总结

至此，关于使用JavaScript实现日期天数及时分秒倒计时的介绍已完成。如需了解更多相关JS日期倒计时内容，可搜索本站过往文章或继续阅读后续相关内容。感谢大家的支持！

作者最新文章

JavaScript怎么准确判断数据类型：typeof、instanceof与Object.prototype.toString

2026-11-05 17:09:21

JS中将数组和对象混合组装为JSON字符串

2026-11-05 16:41:42

JS运算符优先级与结合性的区别是什么？

2026-11-05 13:22:02

JS Map怎么只遍历Key或Value

2026-11-05 13:00:36

D3.js 与 ECharts 选型对比：灵活性 vs 开发效率

2026-11-05 09:45:01