使用JavaScript new Date函数计算当前时间与MySQL取出时间差值时出现‘invalid Date’错误求助

看起来你遇到的问题主要出在MySQL时间字符串的处理和代码里的几个小bug上，我来帮你一步步梳理清楚：

问题根源拆解 #

1. 时间类型不匹配：你从MySQL拿到的data[i].Time是字符串格式（比如YYYY-MM-DD HH:MM:SS），直接用nowtime - oldtime时，JS会尝试把字符串转成数字，但如果格式不兼容就会得到NaN，用new Date(NaN)自然会返回invalid Date。
2. 冗余的代码嵌套：你把$(document).ready()放在了setInterval里面，ready只需要执行一次，每次定时器触发都重新执行ready完全没必要，反而容易引发逻辑混乱。
3. 未定义变量报错：代码里的console.log(today);中today根本没定义，会抛出ReferenceError，干扰后续代码执行。
4. 时间差展示逻辑错误：直接把时间差的毫秒数传给new Date()，得到的是1970年以来的时间点，不是你要的“已过去多久”的时间差格式。

修正后的完整代码 #

$(document).ready(function () {
  // 把定时器放在ready内部，确保DOM加载完成后再执行请求
  setInterval(function(){
    $.ajax({
      url: "plate.php",
      method:"GET",
      dataType:"JSON",
      success: function (data) {
        for (var i in data){
          // 1. 将MySQL时间字符串转换为JS Date对象
          var oldtime = new Date(data[i].Time);
          // 检查转换是否成功，避免无效时间导致后续崩溃
          if (isNaN(oldtime.getTime())) {
            console.error('无效的时间格式:', data[i].Time);
            continue;
          }
          
          var nowtime = new Date();
          // 2. 计算时间差（单位：毫秒）
          var timeDiffMs = nowtime - oldtime;
          
          // 3. 将毫秒数转换为易读的时分秒/天格式
          var seconds = Math.floor(timeDiffMs / 1000);
          var minutes = Math.floor(seconds / 60);
          var hours = Math.floor(minutes / 60);
          var days = Math.floor(hours / 24);
          
          var timeDiffStr = `${days}天 ${hours%24}小时 ${minutes%60}分钟 ${seconds%60}秒`;
          
          // 4. 更新页面DOM内容
          document.getElementById("datetime").innerHTML = timeDiffStr;
          
          // 保留你的原有日志输出
          console.log(data[i].id);
          console.log(data[i].tp5);
        }
      }
    });
  }, 6000);
});

关键注意事项 #

• MySQL时间格式兼容：如果你的MySQL时间是标准的YYYY-MM-DD HH:MM:SS格式，JS的new Date()可以直接解析；如果是带时区的特殊格式，可能需要手动拆分年、月、日等字段来构建Date对象。
• 时间差计算逻辑：两个Date对象直接相减得到的是毫秒数，需要自己转换成时分秒/天的格式，不要用new Date(差值)——后者是生成一个新的时间点，不是时间差。
• 错误处理：加上isNaN(oldtime.getTime())的判断，能及时捕获无效时间格式的问题，避免影响整个定时器的执行。

内容的提问来源于stack exchange，提问作者qarn.ooz