<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.box{
height: 300px;
text-align: center;
line-height: 300px;
background: deepskyblue;
font-size: 30px;
}
</style>
</head>
<body>
<div class="box"> </div>
<script type="text/javascript">
var box=document.getElementsByClassName("box")[0];
var time = setInterval(function(){
var date1=new Date(); //获取当前日期和时间;
var date2=new Date(2022,0,1);//设置2022年元旦的时间;
var time1=date1.getTime(); //获取1970年距今的时间;
var time2=date2.getTime(); //获取1970年距2020年的时间;
var time3=time2-time1; //获取时间差值;
var getDay=Math.floor(time3/1000/60/60/24); //取整的到天
var getHour=Math.floor(time3/1000/60/60%24); //对小数取余的到小时
var getMinutes=Math.floor(time3/1000/60%60); //取余的到分钟
var getSeconds=Math.floor(time3/1000%60); //取余的到秒
box.innerHTML="距离2022年还有:"+getDay+"天"+getHour+"时"+getMinutes+"分"+getSeconds+"秒"
},1000);
</script>
</body>
</html>