Web APIs——日期对象的使用

1、日期对象

日期对象：用来表示时间的对象

作用：可以得到当前系统时间

1.1实例化

在代码中发现了new关键字时，一般将这个操作称为实例化

创建一个时间对象并获取时间

        获得当前时间

        const date = new Date()

1.2时间对象方法

使用场景：因为日期对象返回的数据我们不能直接使用，所以需要转换为实际开发中常用的格式

方法	作用	说明
getFullYear()	获得年份	获取四位年份
getMonth()	获得月份	取值为0~11
getDate()	获取月份中的每一天	不同月份取值也不相同
getDay()	获取星期	取值为0~6
getHours()	获取小时	取值为0~23
getMinutes()	获取分钟	取值为0~59
getSeconds()	获取秒	取值为0~59

1.2.3 页面显示时间 

需求：将当前时间以：YYYY-MM-DD HH:mm形式显示在页面 2008-08-08 08:08

分析：

①：调用时期对象方法进行转换

②：记得数字要补0

方法一：

方法二：

1.3时间戳

使用场景：如果计算倒计时效果，前面方法无法直接计算，需要借助于时间戳完成

什么是时间戳：

• 是指1970年01月01日00时00分00秒起至现在的毫秒数，它是一种特殊的计量时间的方式

算法：

• 将来的时间戳 - 现在的时间戳 = 剩余时间毫秒数
• 剩余时间毫秒数 转换为 剩余时间的 年 月 日 时 分 秒 就是 倒计时时间
• 比如  将来时间戳 2000ms - 现在时间戳 1000ms = 1000ms
• 1000ms转换为就是 0小时0分1秒

1.3.1 三种方式获取时间戳

(1) 使用getTime() 方法

(2) 简写 +new Date()

• 无需实例化
• 可以返回当前时间戳或者指定的时间戳

(3) 使用Date.now()

• 无需实例化
• 但是只能得到当前的时间戳，而前面两种可以返回指定时间的时间戳

根据日期Day() 0~6 

2、倒计时效果

需求：计算到下课还有多少时间

分析：

①：用将来时间减去现在时间就是剩余时间

②：核心：使用将来的时间戳减去现在的时间戳

③：把剩余的时间转换为 天 时  分 秒

注意：

1. 通过时间戳得到是毫秒，需要转换为秒在计算
2. 转换公式：

  
  
  
  
  



  

    
今天是2222年2月22日
    
下班倒计时
    

      00
      :
      25
      :
      20
    
    
18:30:00下课