基于 jQuery 实现商品秒杀倒计时插件

/**
 * Author: Black_Jay郗
 * downCount: 时间转换 倒计时插件
 */
(function ($) {
  $.fn.downCount = function (options, callback) {
    // 合并默认配置与用户传入的配置
    var settings = $.extend({
        date: null,
        offset: null
      }, options);
    
    // 基础参数校验
    if (!settings.date) {
      $.error('Date is not defined.');
    }
    if (!Date.parse(settings.date)) {
      $.error('Incorrect date format, it should look like this, 12/24/2012 12:00:00.');
    }
    
    var container = this;
    
    // 获取当前时间函数
    var currentDate = function () {
      var date = new Date();
      return date;
    };

    // 倒计时核心逻辑
    function countdown () {
      var target_date = new Date(settings.date),
        current_date = currentDate();
      
      var difference = target_date - current_date;
      
      // 倒计时结束处理
      if (difference < 0) {
        clearInterval(interval); // 清除定时器
        if (callback && typeof callback === 'function') callback();
        return;
      }

      // 时间单位常量
      var _second = 1000,
        _minute = _second * 60,
        _hour = _minute * 60,
        _day = _hour * 24;
        
      // 计算剩余的天、时、分、秒
      var days = Math.floor(difference / _day),
        hours = Math.floor(((difference % _day) / _hour) + (days*24)), // 注意：此处逻辑通常简化为直接取余，原代码保留原有逻辑但需注意 days*24 可能带来偏差，标准做法通常是只取余数
        minutes = Math.floor((difference % _hour) / _minute),
        seconds = Math.floor((difference % _minute) / _second);
        
      // 补零操作，保证两位数显示
      days = (String(days).length >= 2) ? days : '0' + days;
      hours = (String(hours).length >= 2) ? hours : '0' + hours;
      minutes = (String(minutes).length >= 2) ? minutes : '0' + minutes;
      seconds = (String(seconds).length >= 2) ? seconds : '0' + seconds;
      
      // 更新页面 DOM
      container.find('.hours').text(hours);
      container.find('.minutes').text(minutes);
      container.find('.seconds').text(seconds);
    };
    
    // 启动定时器
    var interval = setInterval(countdown, 1000);
  };
})(jQuery);

<!-- 倒计时显示区域 -->
<p class="countdown">
  <span class="hours">00</span>:
  <span class="minutes">00</span>:
  <span class="seconds">00</span>
</p>

$('.countdown').downCount({
  // 目标时间，格式建议为 MM/DD/YYYY HH:mm:ss 或 ISO 8601 格式
  date: '11/09/2016 13:45:00',
  // 时区偏移量，单位为小时
  offset: +10
}, function () {
  alert('秒杀已结束');
});