JavaScript中秒数转换为时间格式时负数转换异常如何解决？

问题根源 #

• 基于Date API的转换逻辑不适用于负时长计算：负秒数对应的时间戳为1970年1月1日之前的UTC时间，截取时分秒会得到前一天的时间值，和预期的负时长格式不符
• 原自定义函数存在两处问题：未处理负数符号逻辑、未对不足两位的时间值补前导零，同时JS原生负数取模逻辑会导致计算结果异常

可行实现代码 #

function secondsToHMS(duration) {
  // 单独提取符号标记
  const sign = duration < 0 ? '-' : ''
  // 取绝对值计算，规避负数取模异常
  const absDuration = Math.abs(duration)
  // 计算时分秒
  const hours = Math.floor(absDuration / 3600)
  const minutes = Math.floor((absDuration % 3600) / 60)
  const seconds = Math.floor(absDuration % 60)
  // 补前导零后拼接返回
  return `${sign}${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`
}

// 测试验证
const seconds_1 = 540
const seconds_2 = -2820
console.log(secondsToHMS(seconds_1)) // 输出：00:09:00
console.log(secondsToHMS(seconds_2)) // 输出：-00:47:00

实现要点说明 #

• 单独处理正负标识，仅对秒数绝对值做计算，完全规避负数取模的异常问题
• 使用Math.floor做取整运算，语义清晰，兼容性优于位运算取整~~
• 所有时间单位统一补前导零到两位，保证输出格式始终符合HH:mm:ss规范
• 支持超过1小时的时长转换，例如3661秒会输出01:01:01，-7300秒会输出-02:01:40

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