如何在JavaScript中从时间数组获取下一个即将到来的UTC时间

你的代码问题出在几个核心点：

• 循环中多次创建new Date()，导致时间戳不一致，计算差值时出现偏差
• 最初逻辑是找最小的时间差而非当前时间之后的最小时间，会错误选中已过期时间的差值
• 所有时间过期后的重算逻辑依然没明确筛选当前时间之后的时间，还是在找最小差值，逻辑混乱

下面是修正后的实现，逻辑更清晰且结果准确：

// 目标UTC时间点（小时）
const targetHours = [5, 10, 15, 20];
// 固定当前UTC时间戳，避免多次创建Date对象的时间偏差
const now = Date.now();

// 生成当天所有目标时间的时间戳数组
const todayTimestamps = targetHours.map(hour => {
  const date = new Date();
  date.setUTCHours(hour, 0, 0, 0);
  return date.getTime();
});

// 筛选出当天还未到来的时间，取其中最早的一个
let nextTimestamp = todayTimestamps.find(ts => ts > now);

// 如果当天所有时间都已过去，就取明天最早的那个时间
if (!nextTimestamp) {
  // 给所有当天时间戳加一天（86400000毫秒），然后取最小值
  nextTimestamp = Math.min(...todayTimestamps.map(ts => ts + 86400000));
}

// 输出结果
console.log(new Date(nextTimestamp));

逻辑说明 #

1. 固定当前时间戳：用Date.now()获取一次当前时间，避免循环中重复创建new Date()导致的微小时间差
2. 生成当天目标时间：把每个目标小时转换为当天UTC时间的时间戳，统一格式便于比较
3. 筛选下一个时间：优先找当天晚于当前时间的最早时间；若当天无符合条件的时间，就给所有时间加一天后取最小值
4. 直接操作时间戳：避免Date对象操作的潜在误差，计算逻辑更直观

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