2022年的春节是2022年02月01日;请写一段代码;算出现在距离春节还有多少天,多少小时,多少分,多少秒;

🌙
手机阅读
本文目录结构
a'xi'he

问题

2022年的春节是2022年02月01日;

请写一段代码;算出现在距离春节还有多少天,多少小时,多少分,多少秒;

核心

getTime()方法可返回距1970年1月1日之间的毫秒数。

Math.floor(x)返回小于等于数字参数x的最大整数,对数字进行下舍入。

代码

function zero (val) {
  return Number(val) < 10 ? ('0' + val) : val
};
  
function fn () {
  var date1 = new Date();
  // var date2 = new Date(2022, 1, 1, 0, 0, 0);//传参的时候,传入的是(2022,1)而不是(2022,2...)
  var date2 = new Date("2022/02/01 0:0:0");//这样传入是没有问题的,不需要改
  var minutesVal = 60 * 1000;

  var dateValue = date2.getTime() - date1.getTime();
  var days = Math.floor(dateValue / (24 * 60 * minutesVal));

  var hoursValue = dateValue % (24 * 60 * minutesVal);
  var hours = Math.floor(hoursValue / (60 * minutesVal));

  var minutesValue = hoursValue % (60 * minutesVal);
  var minutes = Math.floor(minutesValue / minutesVal);

  var secondValue = minutesValue % (minutesVal);
  var second = Math.floor(secondValue / 1000);

  return {
    days: days,
    hours: zero(hours),
    minutes: zero(minutes),
    second: zero(second)
  }
}
var diffTime = fn();
var str = `相差 ${diffTime.days}天 ${diffTime.hours}小时 ${diffTime.minutes}分 ${diffTime.second}秒`;
console.log(str);
// document.write(str);

演示

注意:

如果使用 2016-01-25 请使用 2016/01/25 ;

因为IE678下不兼容的;需要把-改成/才好; new Date("2016/01/25 16:59:59")

AXIHE / 精选教程

浏览全部教程

HTML

CSS

JS

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang