<!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>