javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > js日期天数、时分秒倒计时

js实现日期天数、时分秒的倒计时完整代码

作者:西门吹雪~

这篇文章主要给大家介绍了关于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)

总结 

到此这篇关于js实现日期天数、时分秒的倒计时的文章就介绍到这了,更多相关js日期天数、时分秒倒计时内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文