<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body οnlοad="leftTimer()">
<div>
<span style="float:left;">距离下午五点还有:</span>
<span id="_d"></span>
<span id="_h"></span>
<span id="_m"></span>
<span id="_s"></span>
</div>
</body>
</html>
<script>
function leftTimer(){
//获取当前时间
var date = new Date();
var now = date.getTime();
//设置截止时间
var str = "2018/8/10 17:00:00";
var endDate = new Date(str);
var end = endDate.getTime();
//时间差
var countTime = end-now;
//定义变量d,h,m,s保持倒计时的时间
var d,h,m,s;
if(countTime >= 0){
d = Math.floor(countTime/1000/60/60/24);
h = Math.floor(countTime/1000/60/60%24);
m = Math.floor(countTime/1000/60%60);
s = Math.floor(countTime/1000%60);
}
//将倒计时赋值到div中
document.getElementById('_d').innerHTML = d + '天'
document.getElementById('_h').innerHTML = h + '小时'
document.getElementById('_m').innerHTML = m + '分'
document.getElementById('_s').innerHTML = s + '秒'
//定时任务,一秒钟刷新一次
setTimeout(leftTimer,1000)
}
</script>