JavaScript基于开始/结束时间字符串计算时长出现操作数类型报错

原代码抛出「left-hand must be type number」错误的核心原因有两点：

1. 类型不匹配：endTime.slice(0, -3) 对字符串 "14:00:00" 截取后得到的结果是 "14:00"，这是带冒号的字符串类型，并非可参与算术运算的数字。JS 的减号运算符要求操作数最终能转为合法数字，带冒号的时间字符串既无法被隐式转换为有效数值，即便手动套一层Number()转换，结果也会是NaN，直接参与减法运算必然触发类型错误。
2. 计算逻辑本身失效：哪怕能把截取结果转为合法数字，当前截取逻辑也只能拿到小时段的字符，完全忽略分钟、秒的精度，算出的结果根本不符合时间差的计算要求。

核心思路是先把 HH:MM:SS 格式的时间字符串统一转换为可计算的数值（如当日总秒数），再做差值计算：

• 实现通用转换逻辑：将时间字符串按冒号拆分为时、分、秒三个维度的数值，按换算关系加权累加，得到从当日零点起算的总秒数
• 用转换后的纯数值做减法，得到高精度的时长差，按需把差值转回指定格式的展示文本

参考实现代码：

// 时间字符串转换为当日总秒数
function timeStrToTotalSeconds(timeStr) {
  const [hour, minute, second] = timeStr.split(':').map(Number)
  return hour * 3600 + minute * 60 + second
}

const timeData = {
  endTime: "14:00:00",
  startTime: "12:00:00"
}

// 计算得到秒级精度的时长差
const durationSec = timeStrToTotalSeconds(timeData.endTime) - timeStrToTotalSeconds(timeData.startTime)
// 按需将秒级差值格式化为HH:MM:SS形式的展示文本
const durationText = [
  Math.floor(durationSec / 3600),
  Math.floor((durationSec % 3600) / 60),
  durationSec % 60
].map(num => String(num).padStart(2, '0')).join(':')

• 不要依赖JS的隐式类型转换处理时间运算：只有纯数字构成的字符串（如"123"）才能被隐式转为数字，带特殊符号的时间字符串如果不主动拆分计算，大概率会得到NaN的无效结果。
• 兼容跨零点场景：如果遇到开始时间晚于结束时间的跨天场景（如23:00到次日01:00），计算得到的负向差值需要加上单日总秒数（86400），才能得到正确的时长结果。

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