jQuery 倒计时显示天、小时、分钟、秒，并且应用显示在多个数据列表页面上

 

网页DOM代码

<div class="shareStyle shareTimeStyle">分享补贴进度：<%=orderlist[j].share_now_person%>/<%=orderlist[j].share_need_person%>，剩余时间 <span class="count-down" data-share_time="<%=orderlist[j].share_time_remaining%>"></span></div>

jquery代码

　　　　// 倒计时计数
	function checkTime(i){
	    if (i < 10) {
	        i = "0" + i;
	    }
		return i;
	}
	
	// 获取所有的倒计时订单
	function order_expire_time() {
		$('#shareBoxList li .shareCont_time .shareTimeStyle').each(function () {
			var _this = $(this).find('.count-down')
			var left_time_int = _this.data('share_time');
			_this.innerHTML= '00天00时00分00秒";
			_this.html(_this.innerHTML)
			console.log('初始时间',left_time_int)
			var setTimer = window.setInterval(function(){
				if(left_time_int > 0){
					var dd = parseInt(left_time_int / 60 / 60 / 24, 10);//计算剩余的天数
					var hh = parseInt(left_time_int / 60 / 60 % 24, 10);//计算剩余的小时数
					var mm = parseInt(left_time_int / 60 % 60, 10);//计算剩余的分钟数
					var ss = parseInt(left_time_int % 60, 10);//计算剩余的秒数
					dd = checkTime(dd);
					hh = checkTime(hh);
					mm = checkTime(mm);
					ss = checkTime(ss);
					_this.innerHTML= dd + "天" + hh + "时" + mm + "分" + ss + "秒";
					_this.html(_this.innerHTML)
					left_time_int = left_time_int - 1; 
				}else{
　　　　　　　　　　　　　　　　　　　　　　　　// 这里如果时间到了0，清除定时器
					clearInterval(setTimer);
					// $(this).css({display:'none'})
					// $(this).siblings('.share_subsidy_btn').css({display:'none'})
				}
			
			}, 1000); //间隔函数，1秒执行 
			$(this).removeClass('shareTimeStyle')	 // 这里是执行接口数据的时候，页面数据会累加，如果页面新增数据了，我就移除这个样式上设置的定时器，这样，之前的数据就不会受到影响。
		})
		
	}