<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>倒计时</title>
</head>
<body>
<div class="main">
<h2>剩余时间</h2>
<span class="_y">0000</span>
<span class="_mon">00</span>
<span class="_d">00</span>
<span class="_h">00</span>
<span class="_m">00</span>
<span class="_s">00</span>
</div>
<script>
var year = document.querySelector('._y');
var month = document.querySelector('._mon');
var day = document.querySelector('._d');
var hour = document.querySelector('._h');
var minute = document.querySelector('._m');
var seconds = document.querySelector('._s');
function countDown() {
var endTimeStr = '2026-03-15 12:26:16'
console.log(endTimeStr);
// 获取一个结束时间, 然后获取当前时间, 求出时间差, 即剩余的时间
var now = new Date()
var nowStamp = now.getTime();
var endTimeStamp = new Date(endTimeStr).getTime();
var diff = endTimeStamp - nowStamp;
var d,h, mi, s;
if (diff > 0) {
y = Math.floor(diff/1000/60/60/24/30/12) + '年';
m = Math.floor(diff/1000/60/60/24/30%12) + '月';
d = Math.floor(diff/1000/60/60/24%30) + '天';
h = Math.floor(diff/1000/60/60%24) + '小时';
mi = Math.floor(diff/1000/60%60) + '分钟';
s = Math.floor(diff/1000%60) + '秒';
//document.write(`${d}-${h}-${mi}-${s}`)
year.innerText = y;
month.innerText = m;
day.innerText = d
hour.innerText = h
minute.innerText = mi
seconds.innerText = s
} else {
console.log('时间不对');
clearInterval(timer);
}
}
// countDown('2022-09-10 09:26:16');
// countDown();
var timer = setInterval(countDown, 1000);
</script>
</body>
</html>
上述运行结果: