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()文章来源：https://www.toymoban.com/news/detail-460587.html
无需实例化
//2.+new Date()
console.log(+new Date())
//指定时间戳
console.log(+new Date('2023-05-23 18:00:00'))
（3）使用Date.now()文章来源地址https://www.toymoban.com/news/detail-460587.html
1.无需实例化
2.但是只能得到当前的时间戳，而前面两种可以返回指定的时间戳
//3.Date.now()
console.log(Date.now());
到了这里，关于JavaScript日期对象的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
