倒计时操作最主要还是要清除计时器操作。
看代码:
首先,创建一个显示时间的盒子:
//html代码
<div id="box"></div>
然后,就编写 js代码:
<script type="text/javascript">
function foo(){
var oDate1 = new Date();//获取当前时间
var oDate2 = new Date("2020/02/29 21:30:00");//设定一个时间
var day = (oDate2-oDate1)/1000; //获取天数 有多少秒
var hours = Math.floor(day/60/60);//获取小时
var minutes = Math.floor(day/60%60);//获取分钟 与下同理
var seconds = Math.floor(day%60);//获取秒 对60取余因为一分=60秒 多余的则为秒数
//box.innerText = day;
if(day<=0){
//当时间为0时,清除计时器
box.innerText = "结束";
clearInterval(timer);
}
else{
box.innerText ="剩余:"+hours+"小时"+minutes+"分钟"+seconds+"秒"//显示时间
}
}
var timer = setInterval(foo,1000);//计时器
</script>
实现的结果为:
到时间后: