<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<title></title>
</head>
<body>
<divclass="box">
<divid="d"></div><!--剩余的天数-->
<divid="h"></div><!--剩余的小时-->
<divid="m"></div><!--剩余的分钟-->
<divid="s"></div><!--剩余的秒数-->
</div>
<script>
//设置秒杀结束时间
varendTime=newDate('2021-10-2218:51:59'),endSeconds=endTime.getTime();
//定义变量保存剩余的时间
vard=h=m=s=0;
//设置定时器,实现限时秒杀效果
varid=setInterval(seckill,1000);
functionseckill(){
varnowTime=newDate();//获取当前时间
//获取时间差,单位为秒
varremaining=parseInt((endSeconds-nowTime.getTime())/1000);
if(remaining>0){//判断秒杀是否过期
//计算剩余天数(除以60*60*24取整,获取剩余的天数)
d=parseInt(remaining/86400);
//计算剩余小时(除以60*60转换为小时,与24小时取模,获取剩余的小时)
h=parseInt((remaining/3600)%24);
//计算剩余分钟(除以60转为分钟,与60取模,获取剩余的分钟)
m=parseInt((remaining/60)%60);
//计算剩余秒(与60取模,获取剩余的秒数)
s=parseInt(remaining%60);
//统一利用两位数表示剩余的天、小时、分钟、秒
d=d<10?'0'+d:d;
h=h<10?'0'+h:h;
m=m<10?'0'+m:m;
s=s<10?'0'+s:s;
}else{
clearInterval(id);//秒杀过期,取消定时器
d=h=m=s='00';
}
//将剩余的天,小时,分钟和秒显示到指定的网页中
document.getElementById('d').innerHTML=d+'天';
document.getElementById('h').innerHTML=h+'时';
document.getElementById('m').innerHTML=m+'分';
document.getElementById('s').innerHTML=s+'秒';
}
</script>
</body>
</html>
|