JavaScript实现秒数转时分秒格式(含补零逻辑)

作者:小括号时间:2026-10-31 09:15:29浏览:586

本文介绍如何使用JavaScript将秒数转换为时分秒格式。重点解决不足两位时补零的问题,例如9秒显示为09,0小时显示为00。通过parseInt取整与取余运算,结合条件判断实现标准化输出,并提供完整可复用代码及测试用例。

需求说明

将秒数转化为时分秒的形式,例如12:34:09表示12小时34分钟9秒

关键约束:

(1)若某一位数值不足两位数,需在前补0,例如9秒应格式化为09。

(2)若某单位数值为0,同样需补0显示,例如0小时27分59秒应输出为00:27:59。

代码实现

以下代码可直接引入项目并调用。

// 将视频时长(秒)转化为时分秒的形式
function getTime(value) {
  let secondTime = parseInt(value); // 秒
  let minuteTime = 0; // 分
  let hourTime = 0; // 时
  if (secondTime > 60) {
    //如果秒数大于60,将秒数转换成整数
    //获取分钟,除以60取整,得到整数分钟
    minuteTime = parseInt(secondTime / 60);
    //获取秒数,秒数取余,得到整数秒数
    secondTime = parseInt(secondTime % 60);
    //如果分钟大于60,将分钟转换成小时
    if (minuteTime > 60) {
      //获取小时,获取分钟除以60,得到整数小时
      hourTime = parseInt(minuteTime / 60);
      //获取小时后取余的分,获取分钟除以60取余的分
      minuteTime = parseInt(minuteTime % 60);
    }
  }
  //若秒数是个位数,前面用0补齐
  secondTime = secondTime < 10 ? "0" + secondTime : secondTime;
  var result = "" + secondTime + "";
  if (minuteTime > 0) {
  	//若分钟数是个位数,前面用0补齐
    minuteTime = minuteTime < 10 ? "0" + minuteTime : minuteTime;
    result = "" + minuteTime + ":" + result;
  } else {
  	//若分钟数为0,用"00"表示
    result = "" + "00" + ":" + result;
  }

  if (hourTime > 0) {
  	//若小时数是个位数,前面用0补齐
    hourTime = hourTime < 10 ? "0" + hourTime : hourTime;
    result = "" + hourTime + ":" + result;
  } else {
    //若小时数为0,用"00"表示
    result = "" + "00" + ":" + result;
  }
  console.log("result",result)
  return result;
}

代码测试

当输入秒数为60时:

需求说明

需求说明

当输入秒数为3600时:

需求说明

当输入秒数为19456时:

需求说明

总结

至此,关于JavaScript将秒数转换为时分秒格式的介绍已完成。如需了解更多相关内容,可查阅本站过往文章或继续浏览后续教程,感谢支持!

作者最新文章