基于js设置倒计时

html部分

倒计时

COUNT DOWN

距离结束还剩

00 00 00

</div>

js代码块

<script>
        var spans = document.getElementsByTagName("span");
        var d = new Date();//创建一个Date对象
        d.setHours(d.getHours()+12);//设置倒计时十二小时
        //补零
        function zero(n) {
				 	if (n > 0) {
				 		return n < 10 ? '0' + n : n;
				 	} else {
				 		return n;
				 	}
				 }
        setInterval(function(){
            var time = d- new Date();//减去当前的时间
            // console.log(time);
            time = Math.floor(time/1000);
            var h = Math.floor(time/(60*60));
            var f = Math.floor(time%(60*60)/60);
            var m = time%60;
            //调用函数  满足条件是补零
            h=zero(h);
            f=zero(f);
            m=zero(m);

            spans[0].innerText = h;
            spans[1].innerText = f;
            spans[2].innerText = m;
   
        },500);
  			 
    </script>