首页 > web前端 > js教程 > 如何在 JavaScript 中将秒转换为 hh:mm:ss 时间格式?

如何在 JavaScript 中将秒转换为 hh:mm:ss 时间格式?

DDD
发布: 2024-12-01 02:56:10
原创
451 人浏览过

How to Convert Seconds to hh:mm:ss Time Format in JavaScript?

将秒转换为采用 hh:mm:ss 格式的冒号分隔的时间字符串

将持续时间从秒转换为人类可读的时间hh:mm:ss 格式的字符串可能是 Web 开发中的常见任务。这对于显示媒体播放的持续时间、计时器或任何其他需要精确时间表示的场景特别有用。

让我们探索一个简单而高效的 JavaScript 片段,它可以无缝地完成此转换:

String.prototype.toHHMMSS = function () {
    var sec_num = parseInt(this, 10); // don't forget the second param
    var hours   = Math.floor(sec_num / 3600);
    var minutes = Math.floor((sec_num - (hours * 3600)) / 60);
    var seconds = sec_num - (hours * 3600) - (minutes * 60);

    if (hours   < 10) {hours   = "0"+hours;}
    if (minutes < 10) {minutes = "0"+minutes;}
    if (seconds < 10) {seconds = "0"+seconds;}
    return hours+':'+minutes+':'+seconds;
}
登录后复制

以下是如何利用此函数将秒转换为所需的时间字符串:

alert("5678".toHHMMSS());
登录后复制

这将输出字符串“1:34:38”,格式为 hh:mm:ss。该函数负责对小于 10 的小时、分钟和秒进行零填充,以保持所需的格式。

为了进一步说明这一点,让我们考虑一个场景,其中您有一个媒体播放器显示视频的持续时间。使用此代码片段,您可以每秒动态更新时间显示,以便为用户提供准确的时间指示。

以上是如何在 JavaScript 中将秒转换为 hh:mm:ss 时间格式?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板