每天十点的倒计时

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
活动开始还有:
<div id="box">
<span></span>
<span></span>时
<span ></span>分
<span style="display:inline-block;width: 1.5em"></span>秒
<span style="display:inline-block;width: 2em"></span>
</div>
<script>
var Box=document.getElementById("box");
var spn=document.getElementsByTagName("span");
var time2;
setInterval(function(){
var myDate= new Date();//获取系统当前时间
var Year=myDate.getFullYear(); //获取完整的年份(4位,1970-????)
var Month=myDate.getMonth()+1; //获取当前月份(0-11,0代表1月)
var Day=myDate.getDate();//获取当前天数
var myHours= myDate.getHours();//获取当前小时数
// 根据当前的小时来判断活动开始时间是今天十点还是明天十点
if(myHours<10){
time2=new Date(Year+'/'+Month+'/'+Day+' 10:00:00');
}else{
Day+=1;
time2=new Date(Year+'/'+Month+'/'+Day+' 10:00:00');
}
var i=time2.getTime()-myDate.getTime();
// spn[4].innerHTML=i%(1000);//剩余毫秒
spn[3].innerHTML=num((i-i%1000)/1000%60);//剩余秒数
spn[2].innerHTML=num((i-i%(1000*60))/(60*1000)%60);//剩余分钟
spn[1].innerHTML=num((i-i%(1000*60*60))/(60*1000*60)%24);//剩余小时
// spn[0].innerHTML=num((i-i%(24*60*60*1000))/(24*60*60*1000));//剩余天数
},1)
function num(obj){
if(obj<10){
obj='0'+obj;
}
return obj;
}

</script>
</body>

</html>

posted @ 2017-11-08 09:45  兼容IE8  阅读(501)  评论(0编辑  收藏  举报