-
在代码中发现了NEW关键字,一般将这个操作做称为实例化
-
创建一个时间对象并获取时间
小括号里面为空可以得到当前的时间
//获得当前时间 let date =new Date()new 实例化 时间对象
//获得指定时间 let date =new Date('2022-05-20')
时间对象方法 能够使用时间对象中的方法写出常见日期
-
因为时间对象返回的数据我们不能直接使用,所以开发中转换为实际开发中常用的格式
let date =new Date() let year=date.getFullYear() let month=date.getmonth() let date1=date.getDate() let hour=date.gethour() let min=date.get=Minuter() let sec=date.getSeconds() -
页面显示时间
将当前的时间显示在页面
1.调用事件对象进行拼接
2.字符串拼接后通过innerText给标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div {
width: 500px;
height: 100px;
background-color: pink;
}
</style>
</head>
<body>
<div>
</div>
</body>
<script>
setInterval(function() {
let date = new Date()
let year = date.getFullYear()
let month = date.getMonth() + 1
let date1 = date.getDate()
let hour = date.getHours()
let min = date.getMinutes()
let sec = date.getSeconds()
let div = document.querySelector('div')
div.innerHTML = `今天是:${year}年${month}月${date1}日`
}, 1000)
</script>
</html>
实例化时间对象一定要写到定时器里面才可以
时间戳
一个能表示一份数据在某个特定时间之前已经存在的、 完整的、 可验证的数据,通常是一个字符序列,唯一地标识某一刻的时间
时间戳是总的毫秒数是独一无二的
计算倒计时
实例化1.
let data= new Date()
console.log(date.getTime())
2.
let data= new Date()
console.log(+new Date())
3.无需实例化(只能得到当前的)
console.log(Date.now())
利用将来的时间戳-现在的时间戳
console.log(+new Date())
console.log(+new Date(‘2022-8-12'))
下班倒计时小案例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>倒计时</title>
<style>
div {
width: 200px;
height: 200px;
background-color: pink;
}
</style>
</head>
<body>
<div>
倒计时
<span id="hour">00</span>
<i>:</i>
<span id="min">00</span>
<i>:</i>
<span id="sco">00</span>
</div>
</body>
<script>
let hour = document.querySelector('#hour')
let min = document.querySelector('#min')
let sco = document.querySelector('#sco')
time()
setInterval(time, 1000)
function time() {
// 1.得到现在的时间戳
let now = +new Date()
// 2.得到指定时间的时间戳
let last = +new Date('2022-7-21 18:00:00')
// 3.计算剩余的毫秒数/1000===剩余的秒数
let count = (last - now) / 1000
// 4.转化为时分秒
/* h=parseInt(总秒数/60/60%25) 计算小时
m=parseInt(总秒数/60%60) 计算小时s
s=parseInt(总秒数%60) 计算小时
*/
let h = parseInt(count / 60 / 60 % 25)
h = h < 10 ? '0' + h : h
let m = parseInt(count / 60 % 60)
m = m < 10 ? '0' + m : m
let s = parseInt(count % 60)
s = s < 10 ? '0' + s : s
hour.innerHTML = h
min.innerHTML = m
sco.innerHTML = s
}
</script>
</html>