<!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>
</head>
<body>
<div></div>
</body>
<script>
var div = document.querySelector('div')
setInterval(function () {
var dd = +new Date()
var zhouyi = +new Date('2023-01-1 00:00:00')
var shicha = zhouyi - dd
// 天
var tian = shicha / 1000 / (24 * 3600); // 剩余多少天
tian = Math.floor(tian);
// 时
var xiaoshi = shicha / 1000 % (24 * 3600) / 3600; //剩余多少小时
xiaoshi = Math.floor(xiaoshi);
// 分
var fenzhong = shicha / 1000 % (24 * 3600) % 3600 / 60;
fenzhong = Math.floor(fenzhong)
// 秒
var miao = shicha / 1000 % (24 * 3600) % 3600 % 60;
miao = Math.floor(miao)
if(miao<10){
miao = '0'+miao
}
if(fenzhong<10){
fenzhong = '0'+fenzhong
}
if(xiaoshi<10){
xiaoshi = '0'+xiaoshi
}
div.innerHTML=tian+"天"+xiaoshi+"时"+fenzhong+"分"+miao+"秒"
}, 1000);
</script>
</html>