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将秒数转换为时分秒格式的介绍已完成。如需了解更多相关内容,可查阅本站过往文章或继续浏览后续教程,感谢支持!
作者最新文章
JS语法错误会阻止加载吗?区分SyntaxError与资源加载失败
2026-11-05 16:08:46
JavaScript常见SyntaxError语法错误排查与修复方法
2026-11-05 13:58:44
JS中slice、substring和substr截取字符串的区别
2026-11-05 13:43:47
JS 转 TS 手动迁移最佳实践:从配置 tsconfig 到消除 any 类型
2026-11-05 11:53:32
为什么JS数组push后得到的是数字而不是数组?
2026-11-05 09:59:18
