BOM：用setInterval()做一个活动倒计时的小练习

<div class="shi"></div> 
<div class="fen"></div> 
<div class="miao"></div>
<script>
var shi = document.querySelector(".shi"); // 小时
var fen = document.querySelector(".fen"); // 分钟
var miao = document.querySelector(".miao"); // 秒数
activeTime(); // 防止刷新页面中出现的一秒空白
// 将活动剩余的时间放到定时器里，每隔一秒活动时间就发生一次变化
setInterval(activeTime,1000);
// 设计一个活动倒计时 活动开始日期为3月30号晚上10点
function activeTime(){
	var nowtime = +new Date(); // 当前时间戳
	var newtime = +new Date("03/30/2021 22:00:00"); // 活动开始日期的时间戳
	var time = newtime - nowtime; // 活动开始需要多长时间
	var hour = parseInt(time/1000/60/60%24); //转换成小时
	hour = hour < 10 ? "0" + hour : hour;
	shi.innerHTML = hour;
	var minute = parseInt(time/1000/60%60); // 转换成分钟
	minute = minute < 10 ? "0" + minute : minute;
	fen.innerHTML = minute;
	var second = parseInt(time/1000%60); // 转换成秒数
	second = second < 10 ? "0" + second : second;
	miao.innerHTML = second;
}
</script>