js实现指定时间倒计时时间效果

_眉目如初

于 2019-06-11 17:25:26 发布

阅读量2.6k

点赞数 1

分类专栏： js 文章标签： js html

本文链接：https://blog.csdn.net/Q378532364/article/details/91450220

版权

js 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

指定时间倒计时
div页

<div id="a">离2020还剩下<span></span><span></span><span></span><span></span></div>

js页

 function autotime(){	
	 	var timenow=new Date();
		var time2020=new Date(2019,0,0,0,0,0);//指定时间
		var cz=time2020.getTime()-timenow.getTime();
		var day=parseInt(cz/(24*60*60*1000));
		  cz=cz%(24*60*60*1000);
		  hours=parseInt(cz/(60*60*1000));
		 cz=cz%(60*60*1000);
		 minute=parseInt(cz/(60*1000));
	     cz=cz%(60*1000);
		 var second=parseInt(cz/(1000));

		 var span=document.getElementById('a').getElementsByTagName('span');
		 span[0].innerHTML=day+"天";
		 span[1].innerHTML=hours+"时";
		 span[2].innerHTML=minute+"分";
		 span[3].innerHTML=second+"秒";
		  if(second<=-1)//如果溢出就为0并清除定时器
		 {
		 	span[0].innerHTML=0+"天";
		 span[1].innerHTML=0+"时";
		 span[2].innerHTML=0+"分";
		 span[3].innerHTML=0+"秒";
		 	clearInterval(time);
		 }
		}
	
		var time=setInterval(autotime,1000);
		time();