第一次写jquery插件，来个countdown计时器吧

                  1
                /*
                *

                  2
                 * 简单的jquery购物商城秒杀倒计时插件

                  3
                 * @date 2016-06-11

                  4
                 * @author TangShiwei

                  5
                 * @email 591468061@qq.com

                  6
                */
                  7 ;(function(factory) {
  8     "use strict";
  9// AMD RequireJS 10if (typeof define === "function" && define.amd) {
 11      define(["jquery"], factory);
 12     } else {
 13     factory(jQuery);
 14    }
 15    })(function($) {
 16     "use strict";
 17    $.fn.extend({
 18      countdown: function(options) {
 19if (options && typeof(options) !== ‘object‘) {
 20returnfalse;
 21      }
 22//默认配置 23var defaults = {
 24//活动开始时间 (可采用时间戳 或者 标准日期时间格式 "yyyy/MM/dd HH:mm:ss") 25//优先采取元素的data-stime值(该值只能为时间戳格式) 26        startTime: ‘2016/6/11 21:00:00‘,
 27//活动结束时间 (可采用时间戳 或者 标准日期时间格式 "yyyy/MM/dd HH:mm:ss") 28//优先采取元素的data-etime值(该值只能为时间戳格式)          29        endTime: ‘2016/6/11 24:00:00‘,
 30//活动开始前倒计时的修饰 31//可自定义元素,例如"<span>距离活动开始倒计时还有:</span>"             32        beforeStart: ‘距离活动开始倒计时还有:‘,
 33//活动进行中倒计时的修饰  34//可自定义元素,例如"<span>距离活动截止还有:</span>"   35        beforeEnd: ‘距离活动截止还有:‘,
 36//活动结束后的修饰 37//可自定义元素,例如"<span>活动已结束</span>"              38        afterEnd: ‘活动已结束‘,
 39//时间格式化(可采用"ddd:hh:mm:ss、 dd:hh:mm:ss、  hh:mm:ss、 mm:ss、 ss"等)                    40        format: ‘dd:hh:mm:ss‘,
 41//活动结束后的回调函数                     42        callback: function() {                    
 43returnfalse;
 44       }
 45      };
 46//根据时间格式渲染对应结构 47var strategies = {
 48        "4": function($this, timeArr, desc) {
 49return $this.html(desc + ‘<span class="countdown-day">‘ + timeArr[0] + ‘</span>天‘ + 　‘<span class="countdown-hour">‘ + timeArr[1] + ‘</span>时‘ + ‘<span class="countdown-minute">‘ + timeArr[2] + ‘</span>分‘ + ‘<span class="countdown-second">‘ + timeArr[3] + ‘</span>秒‘);
 50       },
 51        "3": function($this, timeArr, desc) {
 52return $this.html(desc + ‘<span class="countdown-hour">‘ + timeArr[0] + ‘</span>时‘ + ‘<span class="countdown-minute">‘ + timeArr[1] + ‘</span>分‘ + ‘<span class="countdown-second">‘ + timeArr[2] + ‘</span>秒‘);
 53       },
 54        "2": function($this, timeArr, desc) {
 55return $this.html(desc + ‘<span class="countdown-minute">‘ + timeArr[0] + ‘</span>分‘ + ‘<span class="countdown-second">‘ + timeArr[1] + ‘</span>秒‘);
 56       },
 57        "1": function($this, timeArr, desc) {
 58return $this.html(desc + ‘<span class="countdown-second">‘ + timeArr[0] + ‘</span>秒‘);
 59       }
 60      };
 61/**
 62       * [killTime 时间差换算并进行格式化操作]
 63       * @param  {[Object]} _this_ [jquery对象]
 64       * @param  {[Number]} sTime  [当前时间]
 65       * @param  {[Number]} eTime  [结束时间]
 66       * @param  {[String]} desc   [时间修饰]
 67       * @param  {[String]} format [时间格式]
 68       * @return {[Function]} strategies [根据格式渲染对应结构]
 69*/ 70var killTime = function(_this_, sTime, eTime, desc, format) {
 71var diffSec = (eTime - sTime) / 1000;
 72var map = {
 73         h: Math.floor(diffSec / (60 * 60)) % 24,
 74         m: Math.floor(diffSec / 60) % 60,
 75         s: Math.floor(diffSec % 60)
 76       };
 77var format = format.replace(/([dhms])+/g, function(match, subExp) {
 78var subExpVal = map[subExp];
 79if (subExpVal !== undefined) {
 80if (match.length > 1) {
 81           subExpVal = ‘0‘ + subExpVal;
 82           subExpVal = subExpVal.substr(subExpVal.length - match.length);
 83return subExpVal;
 84         }
 85         } elseif (subExp === ‘d‘) {
 86if (match.length >= 1 && match.length < 4) {
 87           map[subExp] = Math.floor(diffSec / (60 * 60 * 24));
 88var d = ‘00‘ + map[subExp];
 89return d.substr(d.length - match.length);
 90         }
 91        }
 92return match;
 93       });
 94//将时间格式通过":"符号进行分组 95var timeArr = String.prototype.split.call(format, ‘:‘);
 96/**
 97       * [render 通过分组情况渲染对应结构]
 98       * @param  {[Object]} _this_ [jquery对象]
 99       * @param  {[Number]} timeArrLen  [时间分组后的数组长度]
100       * @param  {[Array]} timeArr  [时间分组后的数组]
101       * @param  {[String]} desc   [时间修饰]
102       * @return {[Function]} strategies [根据数组长度渲染对应结构]
103*/104var render = function(_this_, timeArrLen, timeArr, desc) {
105return strategies[timeArrLen](_this_, timeArr, desc);
106       };
107       render(_this_, timeArr.length, timeArr, desc);
108      }
109//覆盖默认配置110var opts = $.extend({}, defaults, options);
111returnthis.each(function() {
112var $this = $(this);
113var _timer = null;
114//优先采取元素的data-stime值(该值只能为时间戳格式)115var sTime = $this.data(‘stime‘) ? parseInt($this.data(‘stime‘), 10) : (new Date(opts.startTime)).getTime();
116//优先采取元素的data-etime值(该值只能为时间戳格式)117var eTime = $this.data(‘etime‘) ? parseInt($this.data(‘etime‘), 10) : (new Date(opts.endTime)).getTime();
118if (_timer) {
119        clearInterval(_timer);
120       }
121        _timer = setInterval(function() {
122var nowTime = (new Date()).getTime();
123if (nowTime < sTime) {
124//活动暂未开始125          killTime($this, nowTime, sTime, opts.beforeStart, opts.format);
126         } elseif (nowTime >= sTime && nowTime <= eTime) {
127//活动进行中128          killTime($this, nowTime, eTime, opts.beforeEnd, opts.format);
129         } else {
130//活动已结束131         clearInterval(_timer);
132          $this.html(opts.afterEnd);
133if (opts.callback && $.isFunction(opts.callback)) {
134           opts.callback.call($this);
135         }
136        }
137        }, 1000);
138      });
139     }
140    });
141    });