Js-WebApi-日期对象

110 阅读2分钟

本文已参与「新人创作礼」活动, 一起开启掘金创作之路。

日期对象

日期对象的使用

实例化日期对象

依靠new关键字

let date = new Date();
//date这样就实例化出来一个日期对象 date

日期对象的方法

日期对象的方法有很多,需要用的时候可以搜文档,知道几个常用的就可以了

const date = new Date();
    //获得年份
    const y = date.getFullYear();
    //获得月份
    const M = date.getMonth()+1; //返回的是0-11,所以我们需要+1才是我们的习惯
    //获得日
    const d = date.getDate();
    //获得小时
    const h = date.getHours();
    //获得分钟
    const m = date.getMinutes();
    //获得秒
    const s = date.getSeconds();
   //获得星期几
    const day = date.getDay();   //返回的是0~6 也需要我们相应的处理,其中0表示我们的星期天

时间戳

时间戳是一种特殊的时间计算

返回1970年01月01日00时00分00秒 到我们现在的事件的 的毫秒数

获取时间戳有三种方法

  1. 实例化日期对象,使用日期对象的getTime() 方法

    const date = new Date();
    date.getTime();//获得时间戳`我们也可以获取未来的事件戳`
    //需要先创建一个指定时间的日期对象
    const fdate = new Date('2022-10-01 00:00:00');
    fdate.getTime();//返回的是'2022-10-01 00:00:00'的时间戳
    
  2. 不用实例化对,直接 +new Date()

    +new Date();//返回值就是现在的时间戳
    //获取未来的时间戳
    +new Date('2022-10-01 00:00:00');
    
  3. 使用Date.now()

    这种方法只能获取现在的时间戳,不能获取未来的或者以前的事件戳

    Date.now();//返回现在的时间戳
    

实现倒计时

我们可以用时间戳来实现倒计时的效果

//现获取当前的时间戳和未来的时间戳
  ntime = +new Date();
//我这里获取未来中秋节的时间戳
  ftime = +new Date('2022-9-10 00:00:00');
​
//有个公式,直接套用就行
     let d= parseInt((ftime-ntime)/60/60/24/1000); //返回还需要多少日
     let h= parseInt((ftime-ntime)/60/60 /1000%24); //返回还余几小时
     let m= parseInt((ftime-ntime)/60 /1000%60 );//返回还余几分钟
     let S= parseInt((ftime-ntime)/1000%60);//返回还余几秒//然后使用这些变量就可以了
 console.log(`距离中秋放假还有${d}${h}:${m}:${S}`);