<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
p{
font-size: 24px;
line-height: 24px;
color: red;
border: 1px solid red;
text-align: center;
display: block;
width: 600px;
height: 24px;
margin: 100px auto;
}
</style>
<script>
window.onload = function (){
setInterval(function(){
var now = new Date();
var end = new Date('2019-12-12 00:00:00' );
var timeDifferent = (end - now)/1000; //除以1000后是过去距离现在的秒数，没除之前是毫秒。
var day =parseInt(timeDifferent/3600/24); //除以时，分，秒进率得到的是天数。
var hour = parseInt((timeDifferent/3600)%24); //除以分和秒的进率，得到的可能是小数，和24求余得到的是小时。
var min = parseInt((timeDifferent/60)%60); //总秒数除以秒的进率，得到的为分，和六十求余得到剩余分。
var second = parseInt(timeDifferent%60); //总秒数和秒的进率求余，最后得剩余秒数
var p = document.getElementsByTagName('p')[0]; //可以用获取标签名来写
//var p = document.getElementById('p'); // 也可以获取id
p.innerHTML = '距离双十二还有'+day +'天' + hour + '时' + min+ '分' + second + '秒' ;
},100)
}
</script>
</head>
<body>
<p id='djs'></p>
</body>
</html>
显示为：
