如何让按固定间隔生成日期字符串的逻辑更通用？支持n秒/分钟切换

实现思路 #

直接基于时间戳取整即可实现任意间隔的需求：将当前时间戳除以你指定的间隔对应的毫秒数，向下取整后再乘以间隔毫秒数，就能得到当前时间所在间隔的起始时间戳，同一间隔内的所有时间都会得到相同的起始时间戳，基于这个时间格式化出来的字符串自然也相同，间隔时间到后就会自动生成新的字符串。

通用实现代码 #

/**
 * 生成固定间隔刷新的时间字符串
 * @param {number} interval 间隔数值
 * @param {string} unit 时间单位，支持 's'（秒）/ 'm'（分钟），默认值为 'm'
 * @returns {string} 格式化后的时间字符串
 */
function generateIntervalTimeStr(interval, unit = 'm') {
  // 转换单位为毫秒
  const unitToMs = unit === 's' ? 1000 : 60 * 1000;
  const totalIntervalMs = interval * unitToMs;
  // 计算当前间隔的起始时间戳
  const currentTimestamp = Date.now();
  const intervalStartTime = Math.floor(currentTimestamp / totalIntervalMs) * totalIntervalMs;
  const date = new Date(intervalStartTime);

  // 可根据需求自行调整格式化规则
  return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}-${date.getHours()}-${date.getMinutes()}`;
}

使用示例 #

• 实现原有30分钟间隔效果：generateIntervalTimeStr(30, 'm')
• 每15分钟生成新字符串：generateIntervalTimeStr(15, 'm')
• 每10秒生成新字符串：generateIntervalTimeStr(10, 's')

补充说明 #

原有代码存在两个容易混淆的API问题，可以根据需求调整：

1. getMonth() 原生返回0-11的数值，代表1月到12月，直接拼接会导致月份比实际小1，上面的代码已经做了+1处理
2. 原有代码使用的getDay()返回的是星期数值（0代表周日，6代表周六），如果需要取当月的日期，应该使用getDate()方法，上面的代码已经做了替换
3. 如果需要拼接的数值保持两位数（比如1月显示为01），可以用String(xxx).padStart(2, '0')做补零处理。

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