<style>
#box {
width: 666px;
height: 200px;
margin: 260px auto;
font-size: 30px;
}
</style>
<script>
//倒计时
//距离国庆节的时间 10月1日00.00
window.onload = function () {
var counter = document.getElementById("box");
setInterval(function () {
var futureTime = new Date("2019/10/1 00:00:00");//未来的时间
var now = new Date();//当前的时间
var time = futureTime - now;//得到一个以毫秒为单位的时间差
var se = time / 1000//转化为秒
var day = parseInt(se / 86400);//天数
var hour = parseInt(se % 86400 / 3600)//小时
var min = parseInt(se % 3600 / 60)//分钟
var sec = parseInt(se % 60)//秒
counter.innerHTML = `距离国庆节放假还有:${day}天${hour}小时${min}分钟${sec}秒`;
}, 1000)
}
</script>
</head>
<body>
<div id="box"></div>
</body>