<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
<style>
div{
text-align:center;
font-size:30px;
color:blue;
}
</style>
<script>
window.onload=function()
{
var demo=document.getElementById("demo");
var endTime=new Date("2019/7/19 20:00:00"); //设定截至时间
setInterval(fn,1000); //开启定时器
function fn(){
var nowTime=new Date(); //一定要获取最新时间，放在函数体内
var miao=parseInt((endTime.getTime()-nowTime.getTime())/1000); //用将来的时间毫秒减去现在的时间毫秒再除以1000得到还剩下的秒数，可能除不断要取整
var d=parseInt(miao/3600/24); //得到天数
var h=parseInt(miao/3600%24); //得到小时数
var m=parseInt(miao/60); //得到分钟数
var s=parseInt(miao); //得到秒数
//目的是使时分秒以两位数形式展示
d<10? d="0"+d : d=d;
h<10? h="0"+h : h=h;
m<10? m="0"+m : m=m;
s<10? s="0"+s : s=s;
demo.innerHTML="距离抢购还有: "+d+"天"+h+"小时"+m+"分"+s+"秒";
}
}
</script>
</head>
<body>
<div id="demo"></div>
</body>
</html>