js倒计时限时秒杀
window.setInterval(function,interval) 设置一个定时器,并且设定了一个等待的时间interval,当到达时间后,执行对应的方法function,当方法执行完成,定时器并没有停止,以后每隔interval这么长的时间都会重新的执行对应的方法function,直到我们手动清除定时器为止;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>倒计时</title>
</head>
<style>
#f{
width: 600px;
height: 200px;
background-color: brown;
margin: 200px auto;
padding-top:120px;
padding-left: 220px;
}
#y,#m,#d,#h,#m,#s{
width: 50px;
height: 50px;
background-color: black;
color:white;
float: left;
font-size: 20px;
text-align:center;
line-height: 50px;
margin-left: 20px;
font-weight:600;
}
</style>
<body>
<div id="f">
<div id="d"><span id="ds"></span>日</div>
<div id="h"><span id="hs"></span>时</div>
<div id="m"><span id="ms"></span>分</div>
<div id="s"><span id="ss"></span>秒</div>
</div>
<script>
var day="2021-11-11 00:00:00"; //设置秒杀结束时间点
var a= setInterval(function(){
var date =(new Date(day).getTime() - new Date().getTime())/1000; //获取当前时间戳 - 去结束点的时间戳
var d=Math.floor(date/86400); //提取时间戳中的天
var h=Math.floor((date/3600)%24); //提取时间戳中的时
var m=Math.floor((date/60)%60); //提取时间戳中的分
var s=Math.floor(date%60); //提取时间戳中的秒
document.getElementById("ds").innerHTML=d;
document.getElementById("hs").innerHTML=h;
document.getElementById("ms").innerHTML=m;
document.getElementById("ss").innerHTML=s;
},1000);
</script>
</body>
</html>```