倒计时

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
body{
font-size: 30px;
text-align: center;
color: lightcoral;
}
</style>

<script>
window.onload = function(){
var demo = document.getElementById("demo");
var endTime = new Date("2016/11/11 21:00:00");//最终的时间

setInterval(clock,1000);//开启定时器

function clock(){
var newTime = new Date(); //获取最新的时间
//console.log(newTime.getTime());//获得自己的毫秒
//用将来的秒数减去现在的秒数 /1000 得到还剩下的秒不断的取整

var second = parseInt((endTime.getTime()-newTime.getTime())/1000);
console.log(second);
//一个小时 3600秒
var d = parseInt(second / 3600 / 24);//天数

var h = parseInt(second / 3600 % 24);//天数

var m = parseInt(second/60);

var s = parseInt(second % 60); //秒数

d<10 ? d="0"+d : d;
h<10 ? h="0"+h : h;
m<10 ? m="0"+m : m;
s<10 ? s="0"+s : s;

demo.innerHTML = "距离抢购的是时间还剩下："+d+ "天" +h+ "小时"+m+"分钟"+s+"秒";
}

}
</script>
</head>
<body>
<div id="demo"></div>

</body>
</html>