JavaScript日期对象

1.实例化
2.时间对象方法
3.时间戳
背景：日期对象
目标：掌握日期对象，可以让网页显示日期
日期对象：用来表示时间的对象
作用：可以得到当前系统时间

一、实例化

目标：能够实例化日期对象
1.在代码中发现了new关键字时，一般将这个操作称为实例化
2.创建一个时间对象并获取时间
（1）获得当前时间

 const date = new Date()

（2）获得指定时间

const date = new Date('2001-1-1')
console.log(date)

//1.得到当前时间
const date = new Date()
console.log(date)

//2.指定时间
const date1 = new Date('2001-1-1 08:00:00')
console.log(date1)

二、时间对象方法

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

//获得日期对象
const date = new Date()
//使用里面的方法
console.log(date.getDate())
console.log(date.getDay())
console.log(date.getMonth()+1)

案例：

 div{
        width: 400px;
        height: 30px;
        box-decoration-break: 1px solid red;
        background-color: pink;
        text-align: center;
        line-height: 40px;
    }

<div></div>

 // 需求：将当前时间以：YYYY-MM-DD HH:mm形式显示在页面  2008-08-08 08:08
 // 分析：
 // 1.调用日期对象方法进行转换
 // 2.记得数字要补0
 const date = new Date()
 const div = document.querySelector('div')
 function getMyDate(){
     const date = new Date()
     // return `今天是：2023年5月23号 16：05`
     let h = date.getHours()
     let m = date.getMinutes()
     let s = date.getSeconds()
     h = h < 10 ? '0' + h : h
     m = m < 10 ? '0' + m : m
     s = s < 10 ? '0' + s : s
     return `今天是：${date.getFullYear()}年${date.getMonth()+1}月${date.getDate()}号 ${h}:${m}:${s}`
 }

 div.innerHTML = getMyDate()
 setInterval(function(){
     div.innerHTML = getMyDate()
 },1000)

三、时间戳

目标：能够获得当前时间戳
1.使用场景：如果计算倒计时效果，前面方法无法直接计算，需要借助于时间戳完成
2.什么是时间戳：是指1970年01月01日00时00分00秒起至现在的毫秒数，它是一种特殊的计量时间的方式
3.算法：
（1）将来的时间戳 - 现在的时间戳 = 剩余时间毫秒数
（2）剩余时间毫秒数 转换为 剩余时间的年月日时分秒 就是 倒计时时间
（3）比如：将来时间戳2000ms - 现在的时间戳1000ms = 1000ms
（4）1000ms转换为就是 0小时0分1秒
4.三种方式获取时间戳：
（1）使用getTime()方法

const date = new Date()
console.log(date.getTime())

（2）简写+new Date()

  无需实例化
//2.+new Date()
console.log(+new Date())

//指定时间戳
console.log(+new Date('2023-05-23 18:00:00'))

（3）使用Date.now()

1.无需实例化
2.但是只能得到当前的时间戳，而前面两种可以返回指定的时间戳
 //3.Date.now()
 console.log(Date.now());