简单倒计时实现

运行效果：

<img src="https://img-blog.csdn.net/20150720141719283?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />

<div class="div-countdown" time="1437192000"> //time标记结束时间的时间戳
	<ul>
		<li name="day">1</li>
		<li style="background: none;">天</li>
		
		<li name="hour">1</li>
		<li style="background: none;">时</li>
		
		<li name="second">1</li>
		<li style="background: none;">分</li>
		
		<li name="mill">1</li>
		<li style="background: none;">秒</li>
	</ul>
	
	<div style="clear: both;"></div>
	
</div>

.div-countdown ul li{
		float: left;
		color: white;
		background: black;
		border-radius: 5px;
		width: 20px;
		list-style: none;
		text-align: center;
	}

$(function(){
	$('.div-countdown').each(function(){
			var endTime = $(this).attr("time");
			
			if(endTime == ""){
				$(this).css("display","none");
				return ;
			}
			
	        var self = this ;
	        
	        updateCountDown(self,endTime);
	        
	        setInterval(function(){
	        	updateCountDown(self,endTime);
	        },1000);
	});
	
	function updateCountDown(self,endTime){
			var nowTime = Math.round(new Date().getTime()/1000);
			console.log(nowTime);
			var t = endTime - nowTime;
	        // 总秒数  
	//      var xt = parseInt(t/1000);
	        var xt = parseInt(t);
	        // 秒数  
	        var remain_sec = xt % 60;
	        xt = parseInt(xt/60);
	        // 分数  
	        var remain_minute = xt % 60;
	        xt = parseInt(xt/60);
	        // 小时数  
	        var remain_hour = xt % 24;
	        xt = parseInt(xt/24);
	        // 天数  
	        var remain_day = xt;
	        
	        $(self).find("li[name='day']").text(remain_day);
	        $(self).find("li[name=hour]").text(remain_hour);
	        $(self).find("li[name=second]").text(remain_minute);
	        $(self).find("li[name=mill]").text(remain_sec);
		}

});