使用ISO格式时服务器时间与浏览器时间不匹配问题求助

你遇到的问题核心在于直接使用ISO格式的字符串无法进行时间差计算，得把字符串转回Date对象后用时间戳来计算才对。

为什么之前的方式不对？ #

服务器端用new Date().toISOString()生成的是UTC格式的时间字符串（比如2018-03-22T23:15:26.823Z），浏览器端如果只是拿到这个字符串就直接和当前的ISO字符串对比，本质上是在做字符串比较，而不是时间数值的计算，自然得不到正确的秒数差。

正确的实现步骤 #

1. 服务器端代码保持不变：

   var startedAt = new Date().toISOString();
   // 将这个startedAt传递给浏览器（比如通过接口响应、页面渲染时注入）
   

2. 浏览器端修正代码：
   需要把服务器传来的时间字符串重新转换为Date对象，然后通过getTime()获取毫秒级时间戳，再和当前时间的时间戳做差值计算：

   // 假设已经从服务器获取到startedAt字符串
   const serverStartTime = new Date(startedAt);
   const currentTime = new Date();
   
   // 计算已过去的秒数（毫秒转秒，取整）
   const elapsedSeconds = Math.floor((currentTime.getTime() - serverStartTime.getTime()) / 1000);
   
   console.log(`服务器上次更新后已过去 ${elapsedSeconds} 秒`);
   

额外注意点 #

• 因为toISOString()返回的是UTC时间（带Z后缀），所以转成Date对象时会自动处理为UTC时间，客户端的new Date()获取的时间戳也是基于UTC的，不用担心时区差异导致的计算误差。
• 如果需要更精确的小数秒，可以去掉Math.floor()，直接保留浮点数结果。

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