js倒计时代码 适合于本月促销-倒计时代码

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<script src="jquery.SuperSlide.2.1.1.source.js"></script>
<body>
<div class="clockContainer clockContainer1 fl relative" data-timer="2016/3/31 23:59:59"> <span class="day fl timer">00</span><em class="tag fl">天</em> <span class="hour fl timer">00</span><em class="tag fl">时</em> <span class="minute fl timer">00</span><em class="tag fl">分</em> <span class="second fl timer">00</span><em class="tag fl">秒</em> </div>
<script src="jquery-1.9.1.min.js"></script>
<script src="aa.js"></script>
<script>
	$(function(){
			//new countDownTimer('.clockContainer');
			$(".clockContainer").countDownTimer();
		})
</script>
</body>
</html>

js部分代码

// JavaScript Document


(function($){
		$.fn.countDownTimer=function(options){
				var options = $.extend({},options);
				return this.each(function(){
						var _this = $(this);
						var time =_this.attr("data-timer");
						var day_elem = _this.find('.day');
						var hour_elem = _this.find('.hour');
						var minute_elem = _this.find('.minute');
						var second_elem = _this.find('.second');
						var end_time = new Date(time).getTime(),//月份是实际月份-1
						sys_second = (end_time-new Date().getTime())/1000;
						var timer = setInterval(function(){
							if (sys_second > 1) {
								sys_second -= 1;
								var day = Math.floor((sys_second / 3600) / 24);
								var hour = Math.floor((sys_second / 3600) % 24);
								var minute = Math.floor((sys_second / 60) % 60);
								var second = Math.floor(sys_second % 60);
								day_elem && $(day_elem).text(day<10?"0"+day:day);//计算天
								$(hour_elem).text(hour<10?"0"+hour:hour);//计算小时
								$(minute_elem).text(minute<10?"0"+minute:minute);//计算分钟
								$(second_elem).text(second<10?"0"+second:second);//计算秒杀
							} else { 
								clearInterval(timer);
							}
						}, 1000);
					});
			}
	})(jQuery);
程序原理。当前日期与当月最后一天的倒计时代码.

比如开始时间是3.1号。那活动截止日期是3月最后一天,也就是31号截止。

猜你喜欢

转载自blog.csdn.net/ribmusic/article/details/50781165