商城倒计时JS怎么做

商城倒计时JS怎么做

<style type="text/css">
	   div {
	   	text-align: center;
	   	color:#333;
	   	font-size: 36px;
	   }
	</style>
</head>
<body>
	<div>距离2019年春节还有:<span>0</span>天<span>0</span>时<span>0</span>分<span>0</span>秒</div>
	<script type="text/javascript">
	     var spans = document.getElementsByTagName("span");
	    // 距离春节多少天多少时多少分多少秒
	    var end = new Date("2019-2-5");    
	    // 开启定时器
	    setInterval(function(){
			var now=new Date();
			// alert(now);
			_ss=parseInt(diff(now,end));
			// alert(_ss);
			_d=parseInt(_ss/(24*3600));
			// alert(_d);(
			_h=parseInt(_ss%(24*3600)/3600);
			// alert(_h);
			_m=parseInt(_ss%3600/60);
			// alert(_m);
			_s=parseInt(_ss%60);
			// alert(_s);
           spans[0].innerHTML=toTwo(_d);
		   spans[1].innerHTML=toTwo(_h);
		   spans[2].innerHTML=toTwo(_m);
		   spans[3].innerHTML=toTwo(_s);

		},1000)
	    function diff(start,end){
			return (end.getTime()-start.getTime())/1000
		}
		function toTwo(num){
		    return num<10?"0"+num:num
		}
	</script>
posted @ 2018-11-16 18:01  lxystar  阅读(416)  评论(0编辑  收藏  举报