如何判断视频播放当前秒数是否处于指定起止时间区间内

HH:mm:ss:ss 属于视频片段的相对时长格式，不是带日期锚点的绝对时间。用dayjs转Unix时间戳的方案失效，核心原因是dayjs会自动给缺少年月日的时间值填充当前日期、按本地时区做解析，转换出来的时间戳基准不统一，校验结果必然出错。
最稳妥的实现方案是跳过第三方时间库，直接把起止时间统一换算为总秒数，和播放器返回的当前进度秒数做纯数值比较，无额外依赖，也不会出现解析偏差。

• 编写通用转换函数，将HH:mm:ss:ss格式的时长字符串转换为总秒数：按冒号分割字符串得到小时、分钟、秒、百分秒四个数值，按公式 总秒数 = 小时*3600 + 分钟*60 + 秒 + 百分秒/100 计算即可，注意最后一段是百分秒（单位为10ms），需要除以100换算为秒的小数部分。
• 将startTime、endTime分别传入转换函数，得到区间起始秒数startSec、区间结束秒数endSec。
• 做数值区间判断，满足 startSec ≤ 当前播放秒数 ≤ endSec 时，即可判定当前播放进度处于目标时间区间内。

// 时长字符串转总秒数
function timeStrToSeconds(timeStr) {
  const [hours, minutes, seconds, centiSeconds] = timeStr.split(':').map(Number)
  return hours * 3600 + minutes * 60 + seconds + centiSeconds / 100
}

// 区间校验函数
function checkProgressInRange(currentPlaySec, startTimeStr, endTimeStr) {
  const startSec = timeStrToSeconds(startTimeStr)
  const endSec = timeStrToSeconds(endTimeStr)
  return currentPlaySec >= startSec && currentPlaySec <= endSec
}

// 调用示例
const currentProgress = 389.5 // 播放器返回的当前播放秒数
const isMatch = checkProgressInRange(currentProgress, '00:06:29:50', '00:12:05:30')

该方案不受24小时时长上限、时区、12/24小时制的影响，即使视频总时长超过24小时，转换逻辑依然可以正常生效。

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