FlipClock倒计时器日期计算错误求助：天数显示异常

我正在使用自定义的FlipClock倒计时器，设置目标日期后天数计算结果远超实际天数。例如：事件日期为2022年10月15日，距离今天仅10天，但计时器却显示40天而非10天。

1. JavaScript Date对象的月份是0索引（0-based）：你在初始化时设置的new Date(currentYear, 10, 15)，其中第二个参数10对应的是11月，而非你预期的10月。这就导致目标日期比实际需求晚了一个月，天数计算自然多出近30天。
2. 配置引用错误：在start函数中，你直接使用了参数config.endDate，但正确的应该是使用合并后的实例配置_this.config.endDate（虽然当前传入了endDate暂时不影响，但如果依赖默认配置会出现异常）。

1. 修正月份参数 #

将目标日期的月份从10改为9（因为10月对应的索引是9）：

// 初始化计时器
var currentYear = new Date().getFullYear();

new FlipClock(document.getElementById('flipclock-1'), {
  endDate: new Date(currentYear, 9, 15), // 9对应10月
  labels: {
      days: 'Days',
      hours: 'Hours',
      minutes: 'Minutes',
      seconds: 'Seconds'
  }
});

2. 修复配置引用问题 #

修改start函数中的日期获取逻辑，确保使用合并后的配置：

function start() {
  // 替换config.endDate为_this.config.endDate
  _this.current = getTimeUntil(_this.config.endDate.getTime(), new Date().getTime());
  updateView();
  clearTimeout(updateTimeout);
  updateTimeout = setTimeout(start, 500);
}

(function () {
  function FlipClock(el, config) {
    var _this = this;
    var updateTimeout;
    _this.el = el;
    _this.config = Object.assign({
      endDate: new Date((new Date().getFullYear() + 1),0,0),
      labels: {
        days: 'Days',
        hours: 'Hours',
        minutes: 'Minutes',
        seconds: 'Seconds'
      }
    }, config);

    _this.current = {
      d: "000",
      h: "00",
      m: "00",
      s: "00"
    };

    createView();
    updateView();
    addObserver();
 
    function start() {
      // 修复：使用_this.config.endDate而非config.endDate
      _this.current = getTimeUntil(_this.config.endDate.getTime(), new Date().getTime());
      updateView();
      clearTimeout(updateTimeout);
      updateTimeout = setTimeout(start, 500);
    }

    // 其余函数代码保持不变...

    function addObserver() {
      _this.observer = new IntersectionObserver(function (entries, observer) {
        entries.forEach(function (entry) {
          if (entry.isIntersecting) {
            start();
          } else {
            stop();
          }
        });
      });
      _this.observer.observe(_this.el);
    }

    return {
      start: start,
      stop: stop,
      destroy: destroy,
      getCurrent: function () {
        return _this.current;
      }
    };
  }
  
  // 初始化计时器（修正月份参数）
  var currentYear = new Date().getFullYear();
  new FlipClock(document.getElementById('flipclock-1'), {
    endDate: new Date(currentYear, 9, 15), // 9对应10月
    labels: {
        days: 'Days',
        hours: 'Hours',
        minutes: 'Minutes',
        seconds: 'Seconds'
    }
  });   
})();

内容的提问来源于stack exchange，提问作者TobitheDev