首页 > 技术文章 > js实现一个倒计时计时器写法之一

swl267 2016-03-05 16:46 原文

一个距离新年的到计时:

         <div id="timer">
			距离新年还有:<span></span>个月<span></span>天<span></span>小时<span></span>分<span></span>秒
		</div>
		<script src="jquery-1.11.3.min.js"></script>
		<script>
		
		var $span = $('#timer span');
		setInterval(function setTime(){
			var oDate = new Date();

			var nDate = new Date(2016,11,31,23,59,59);
			var iTime = nDate.getTime()-oDate.getTime();

			var month = nDate.getMonth()-oDate.getMonth();
			var m2 = oDate.getMonth()+1;
			var day = new Date(2016,m2,0).getDate()-oDate.getDate();
			var hour = 23-oDate.getHours()-1;
			var minute = 59-oDate.getMinutes();
			var second = 60-oDate.getSeconds();
			$span.eq(0).html(month);
			$span.eq(1).html(day);
			$span.eq(2).html(hour);
			$span.eq(3).html(minute);
			$span.eq(4).html(second);
		},1000);

  这种计时器恐怕有着很多的写法,不过我的这种写法应该是比较笨的了,仅留作以后作为参考;

推荐阅读