<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="countdown">
</div>
<script type="text/javascript">
// 设置目标日期和时间
var countDownDate = new Date("2023-3-30 00:00:00").getTime();
// 每秒更新倒计时
var timer = setInterval(function () {
// 获取当前时间
var now = new Date().getTime();
// 计算距离目标日期的时间差
var distance = countDownDate - now;
// 计算天、小时、分钟和秒
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// 将时间输出到页面上
document.getElementById("countdown").innerHTML = days + "天 " + hours + "小时 "
+ minutes + "分钟 " + seconds + "秒 ";
// 如果距离目标日期已经过去了,则停止倒计时
if (distance < 0) {
clearInterval(timer);
document.getElementById("countdown").innerHTML = "时间已到!";
}
}, 1000);
</script>
</body>
</html>