<body>
<div class="box">
<p>距离倒计时还有:</p>
<span></span>
</div>
</body>
<script>
window.onload=function () {
var sp=document.getElementsByTagName("span")[0];
function fn(){
var future=new Date(2018,8,8,).getTime();
var now =new Date().getTime()
var gap=future-now;
var gapDay=Math.floor(gap/1000/60/60/24);
var gapHour=Math.floor(gap/1000/60/60);
if(gapHour<10){
gapHour="0"+gapHour;
}
var gapMin=Math.floor(gap/1000/60%60);
if(gapMin<10){
gapMin="0"+gapMin;
}
var gapS=Math.floor(gap/1000%60);
if(gapS<10){
gapS="0"+gapS;
}
var gapHS=Math.floor(gap%1000);
if(gapHS<100) {
gapHS = "0" + gapHS;
} else if(gapHS<10){
gapHS="00"+gapHS;
}
sp.innerHTML=(gapDay+"天"+gapHour+"时"+gapMin+"分"+gapS+"秒"+gapHS+"毫秒");
}
fn()
setInterval(function(){
fn()
},50)
}
</script>

