JavaScript 中如何将秒转换为分秒
更新时间：2023年09月28日 10:05:07 作者：火焰兔
JavaScript中将秒转换为分钟和秒,通过将秒数除以 60 得到整分钟数,获取剩余的秒数,本文通过实例代码介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
JavaScript 中将秒转换为分钟和秒：
- 通过将秒数除以 60 得到整分钟数。
- 获取剩余的秒数。
- 或者，将分钟和秒的格式设置为 mm:ss。
const totalSeconds = 565;
// ?️ 获取完整分钟数
const minutes = Math.floor(totalSeconds / 60);
// ?️ 获得剩余的秒数
const seconds = totalSeconds % 60;
function padTo2Digits(num) {
return num.toString().padStart(2, '0');
}
// ✅ 格式化为 MM:SS
const result = `${padTo2Digits(minutes)}:${padTo2Digits(seconds)}`;
console.log(result); // ?️ "09:25"第一步是通过将秒数除以 60 并将结果向下舍入来获得完整的分钟数。
如果数字有小数，则 Math.floor 函数将数字向下舍入，否则按原样返回数字。
console.log(Math.floor(9.99)); // ?️ 9 console.log(Math.floor(9.01)); // ?️ 9 console.log(Math.floor(9)); // ?️ 9
我们使用模 % 运算符来获取剩余的秒数。
const totalSeconds = 565; // ?️ get remainder of seconds const seconds = totalSeconds % 60; console.log(seconds); // ?️ 25
当我们将 totalSeconds 除以 60 时，我们得到 25 秒的余数。
下一步是将分钟和秒格式化为 mm:ss，例如 05:45。
如果分钟或秒仅包含一个数字（小于 10），我们的 padTo2Digits 函数会负责添加前导零。
function padTo2Digits(num) {
return num.toString().padStart(2, '0');
}
console.log(padTo2Digits(1)); // ?️ '01'
console.log(padTo2Digits(5)); // ?️ '05'
console.log(padTo2Digits(10)); // ?️ '10'我们希望确保结果不会根据分钟和秒数在一位数和两位数值之间交替。
到此这篇关于JavaScript 中将秒转换为分秒的文章就介绍到这了,更多相关js 秒转换为分秒内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了JavaScript获得页面base标签中url的方法,涉及javascript中元素的获取及href属性的使用技巧,需要的朋友可以参考下2015-04-04
本篇文章主要是对js 操作select与option的示例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
javascript禁制后退键(Backspace)实例代码
这篇文章介绍了javascript禁制后退键(Backspace)实例代码，有需要的朋友可以参考一下2013-11-11
这篇文章主要介绍了JavaScript 高性能数组去重的方法，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2018-09-09
这篇文章主要介绍了JavaScript中的原型链prototype介绍,本文讲解了访问原型对象的3种方法,判断两个对象间是否存在原型链关系的方法等,需要的朋友可以参考下2014-12-12
这篇文章主要介绍了JavaScript实现级联菜单的方法,涉及javascript页面元素操作的相关技巧,需要的朋友可以参考下2015-06-06
这篇文章主要为大家详细介绍了原生js二级联动效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
这篇文章主要介绍了详解javascript replace高级用法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-02-02
这篇文章主要为大家详细介绍了JavaScript实现表单验证案例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-08-08
如果AJAX加载的数据是一个HTML片段，而且这个HTML片段还包含脚本<script>块，那么在你把这数据xmlHttp.responseText用innerHTML方法插入到当前文档一个元素中，你会发现AJAX加载回来的脚本根本没有执行。2010-01-01
最新评论