這里寫圖片描述
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h1 id="time"></h1> <!-- 倒計時顯示的位置 -->
<script type="text/javascript">
window.onload =function () {
function timer() {
//計算相差多少毫秒 未來時間.需要傳參.月份"month-1" 當前時間
var minusTime = (new Date(2017,11,31,23,0,0)) - (new Date());
//獲取元素
var days = parseInt(minusTime / 86400000); //1天 = 86400000毫秒
var hours = parseInt((minusTime % 86400000) / 3600000);//1小時 = 3600000毫秒
var minutes = parseInt((minusTime % 3600000) / 60000);//1分鐘 = 60000毫秒
var seconds = parseInt((minusTime % 60000) / 1000);//1秒 = 1000毫秒
//空位補零.
function checkTime(i) {//將0-9的數(shù)字前面加上0\. 1變?yōu)?1
if (i < 10) {
return '0' + i;
}else {
return i;
}
}
//帶入函數(shù),獲取新元素
days = checkTime(days);
hours = checkTime(hours);
minutes = checkTime(minutes);
seconds = checkTime(seconds);
//獲取最終時間
document.getElementById('time').innerHTML = days + "天 " + hours + ":" + minutes + ":" + seconds;
}
timer();//立即調(diào)用這個函數(shù)。解決延時1sの問題
setInterval (timer,1000);//將以上所有函數(shù)帶入'間隔性定時器（A，1000）'
}
</script>
</body>
</html>
