如何用js实现日期天数、时分秒的倒计时

西门吹雪~

已于 2022-08-08 21:54:32 修改

阅读量1.6w

点赞数 11

分类专栏： JS

于 2020-11-24 21:42:42 首次发布

本文链接：https://blog.csdn.net/weixin_44171297/article/details/110096630

版权

javascript vue.js

JS 专栏收录该内容

1 篇文章

订阅专栏

这篇博客介绍了如何使用JavaScript来实现两种不同格式的倒计时功能。第一种是纯天数的倒计时，第二种则包括天数、小时、分钟和秒。通过计算截止日期与当前日期之间的毫秒差，再转换成相应的单位，可以准确地展示剩余时间。示例代码详细展示了这两种方法的实现，并提供了直接调用的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js实现天数倒计时

在用js实现倒计时的时候，可以先算出截止日期和今天之间相差的毫秒数，然后进行相应的比例进行day、 month 、hour、minute、second的计算，便可以准确的计算出相差的时间。
倒计时格式为：纯天数倒计时

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)