<!-- 秒杀活动容器 -->
<div id="box-food">
<div id="back"></div>
</div>
<script>
//定义一个函数来获取一次时间差
function fun(){
//获取活动截止时间
getTime= new Date(2019,10,10,12,00,00);
//获取当前时间
nowTime=new Date();
//获取时间差
time=getTime-nowTime;
//当没到时间就算出时间差
if(time>0){
//重写时间格式
second=parseInt(time/1000%60);
if(second<=9){
second='0'+second;
}
minute=parseInt(time/1000/60%60);
if(minute<=9){
minute='0'+minute;
}
hour=parseInt(time/1000/60/60%24);
if(hour<=9){
hour='0'+hour;
}
date=parseInt(time/1000/60/60/24);
//时间格式
str="距离双十一还有:"+date+"天"+hour+"时"+minute+"分"+second+"秒";
document.getElementById("back").innerHTML=str;
}
//当俩个时间相同,就结束定时器
else{
window.clearInterval(setInterval(fun,1000));
document.getElementById("back").innerHTML="活动结束";
}
}
//开启定时器
fun();
setInterval(fun,1000);
</script>
//这里没有把css复制过来,用的是小米的官网首页