React调查组件：如何将UTC时间转为本地Unix时间实现重复显示逻辑

你开发的React应用里，调查组件需要在用户点击跳过按钮后，间隔指定天数/小时再重新显示。后端返回UTC格式的拒绝时间，核心需求是判断当前时间是否已经超过「拒绝时间+间隔时长」，以此决定是否渲染调查组件。

你的代码逻辑是正确的 #

你当前的代码已经完美解决了UTC转Unix毫秒时间戳的问题：

• new Date(rejectedDateUTC)会自动识别并解析UTC格式的日期字符串，不管用户在哪个时区，这个Date对象对应的都是正确的UTC时间点。
• getTime()方法返回的是时区无关的Unix毫秒时间戳（从UTC 1970-01-01 00:00:00到该时间点的毫秒数）。
• new Date().getTime()获取的是当前时间的UTC毫秒时间戳，两者直接相加比较完全准确，不受用户本地时区影响。

完整代码示例 #

const shouldShowSurvey = (rejectedDateUTC, repeatIntervalMs) => {
  // rejectedDateMs 是UTC时间对应的Unix毫秒时间戳
  const rejectedDateMs = new Date(rejectedDateUTC).getTime();
  const now = new Date().getTime();

  // 当拒绝时间加上间隔时长小于当前时间时，显示调查组件
  return rejectedDateMs + repeatIntervalMs < now;
};

// 示例调用：拒绝时间为2023-05-03T13:02:08.107402，间隔5秒后重新显示
shouldShowSurvey("2023-05-03T13:02:08.107402", 5000);

注意事项 #

• 确保后端返回的UTC日期是标准ISO 8601格式（如示例中的2023-05-03T13:02:08.107402或带Z标识的2023-05-03T13:02:08.107402Z），new Date()能稳定解析这类格式。
• 如果需要转换天/小时为毫秒数，可以用辅助计算：比如1天=86400000毫秒，1小时=3600000毫秒，避免手动计算出错。

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