JavaScript定时器在iOS显示异常，Windows正常，求修复方案

问题根源 #

1. 日期解析兼容性问题：iOS Safari的JavaScript引擎对"2023-04-25 00:00:00"这种带空格分隔的非ISO标准日期字符串解析存在bug，无法正确生成Date对象，导致时差计算错误。
2. 冗余操作引发的格式混乱：原代码中toLocaleString().replace(/-/g, "/")的操作完全多余，不同系统的本地化日期格式存在差异，反而会导致Date对象创建失败。
3. 逻辑顺序错误：先基于旧的_diff值更新显示内容，再重新计算新的_diff，会导致首次显示无效值，且每次显示的都是上一秒的时差数据。

修复方案（两种可选） #

方案1：使用ISO标准日期格式（简洁高效）

将日期字符串改为ISO 8601格式（用T分隔日期与时间），所有现代浏览器（包括iOS Safari）都能正确解析：

enddate = "2023-04-25T00:00:00"; 

getEventTimer() {
    setInterval(() => {
      // 先计算最新时差
      const s = new Date(this.enddate);
      const t = new Date();
      this._diff = s - t;

      // 根据最新时差更新显示
      if(this._diff > 0) {
        this._days = this.getDays(this._diff);
        this._hours = this.getHours(this._diff);
        this._minutes = this.getMinutes(this._diff);
        this._seconds = this.getSeconds(this._diff);
      } else {
        this._days = 0;
        this._hours = 0;
        this._minutes = 0;
        this._seconds = 0;
      }
    }, 1000);
}

getDays(t) {
    return Math.floor(t / (1000 * 60 * 60 * 24));
}

getHours(t) {
    return Math.floor((t / (1000 * 60 * 60)) % 24);
}

getMinutes(t) {
    return Math.floor((t / 1000 / 60) % 60);
}

getSeconds(t) {
    return Math.floor((t / 1000) % 60);
}

方案2：手动解析日期字符串（兼容性最强）

拆分日期字符串的各个部分，手动构造Date对象，彻底避免系统解析差异：

enddate = "2023-04-25 00:00:00"; 

getEventTimer() {
    setInterval(() => {
      // 手动拆分日期时间，注意月份是0-based（需减1）
      const [datePart, timePart] = this.enddate.split(' ');
      const [year, month, day] = datePart.split('-').map(Number);
      const [hour, minute, second] = timePart.split(':').map(Number);
      const s = new Date(year, month - 1, day, hour, minute, second);
      
      const t = new Date();
      this._diff = s - t;

      // 更新显示内容
      if(this._diff > 0) {
        this._days = this.getDays(this._diff);
        this._hours = this.getHours(this._diff);
        this._minutes = this.getMinutes(this._diff);
        this._seconds = this.getSeconds(this._diff);
      } else {
        this._days = 0;
        this._hours = 0;
        this._minutes = 0;
        this._seconds = 0;
      }
    }, 1000);
}

// 以下方法保持不变
getDays(t) {
    return Math.floor(t / (1000 * 60 * 60 * 24));
}

getHours(t) {
    return Math.floor((t / (1000 * 60 * 60)) % 24);
}

getMinutes(t) {
    return Math.floor((t / 1000 / 60) % 60);
}

getSeconds(t) {
    return Math.floor((t / 1000) % 60);
}

关键优化点 #

• 调整逻辑顺序：先计算最新时差，再更新显示内容，确保数据实时准确。
• 移除冗余的本地化格式转换操作，避免引入额外的兼容性问题。
• 两种方案均实现跨平台兼容，Windows和iOS系统下都能正常运行。

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