网站首页 > 基础教程 正文
了解如何在 JavaScript 中轻松地将单独的总分钟数转换为完整小时数和剩余分钟数。
要在 JavaScript 中将分钟转换为小时和分钟,请将分钟除以 60。小时将是结果的整数,分钟将是除法的余数。
例如:
function toHoursAndMinutes(totalMinutes) {
const hours = Math.floor(totalMinutes / 60);
const minutes = totalMinutes % 60; return { hours, minutes };
}// { hours: 1, minutes: 40 }
console.log(toHoursAndMinutes(100));// { hours: 1, minutes: 0 }
console.log(toHoursAndMinutes(60));// { hours: 2, minutes: 10 }
console.log(toHoursAndMinutes(130));
我们创建了一个可重用的函数,它获取总分钟数并返回一个包含单独的小时和分钟值的对象。
首先,我们将总分钟数除以 60 得到完整小时数。 除法将产生一个浮点数,因此我们使用 Math.floor() 函数来获取商的整数。
Math.floor() 返回小于或等于指定数字的最大整数。
console.log(Math.floor(10.95)); // 10
console.log(Math.floor(10)); // 10
console.log(Math.floor(10.05)); // 10
之后,我们使用模运算符 (%) 得到总分钟数除以 60 的余数。结果就是剩余的分钟数。
console.log(100 % 60); // 40
console.log(60 % 60); // 0
console.log(130 % 60); // 10
我们返回一个具有小时和分钟属性的对象,分别具有完整小时和剩余分钟的值。
返回具有时间格式的字符串
根据我们的用例,我们还可以返回其他格式的结果。 例如,我们可以将小时和分钟作为具有时间格式的字符串返回。
function toHoursAndMinutes(totalMinutes) {
const hours = Math.floor(totalMinutes / 60);
const minutes = totalMinutes % 60; return `${padToTwoDigits(hours)}:${padToTwoDigits(minutes)}`;
}function padToTwoDigits(num) {
return num.toString().padStart(2, '0');
}console.log(toHoursAndMinutes(100)); // 01:40
console.log(toHoursAndMinutes(60)); // 01:00
console.log(toHoursAndMinutes(130)); // 02:10
在这里,我们使用 padStart() 方法将小时和分钟值填充为零,如果它们是个位数。
String padStart() 方法根据需要用另一个字符串填充当前字符串,直到结果字符串达到指定长度。
const str1 = '7';
const str2 = 'abc';console.log(str1.padStart(3, '0')); // 007
console.log(str2.padStart(5, '*')); // **abc
console.log(str2.padStart(3, '*')); // abc
我们返回的字符串是时间格式 HH:mm,但您可以使用其他格式来适应您的用例。
返回带有缩写标签的字符串
在以下示例中,我们返回一个字符串,其中包含用 h 指示的完整小时,以及用 m 指示的剩余分钟(如果存在):
function toHoursAndMinutes(totalMinutes) {
const hours = Math.floor(totalMinutes / 60);
const minutes = totalMinutes % 60; return `${hours}h${minutes > 0 ? ` ${minutes}m` : ''}`;
}console.log(toHoursAndMinutes(100)); // 1h 40m
console.log(toHoursAndMinutes(60)); // 1h
console.log(toHoursAndMinutes(130)); // 2h 10m
我们使用三元运算符来确保剩余分钟数大于零,然后再以缩写形式显示它们。
关注七爪网,获取更多APP/小程序/网站源码资源!
猜你喜欢
- 2024-11-05 JavaScript Math(算数)对象 js math.pi
- 2024-11-05 JS排序算法:冒泡、选择、插入、归并、快速、希尔、堆、计数
- 2024-11-05 javascript+css3催眠水纹动画特效
- 2024-11-05 js洗牌函数 洗牌java代码
- 2024-11-05 「译」 iOS 7 之 HTML5 综合测评:亮点、缺点和槽点
- 2024-11-05 前端必读:如何在 JavaScript 中使用SpreadJS导入和导出 Excel 文件
- 2024-11-05 嵌套地狱_解决嵌套业务逻辑_使用Js的对象_避免数组嵌套
- 2024-11-05 JavaScript排序,不只是冒泡 javascript sort排序
- 2024-11-05 web前端网页开发中常用js方法封装
- 2024-11-05 深入理解JavaScript中 fn() 和 return fn() 的区别
- 最近发表
- 标签列表
-
- jsp (69)
- gitpush (78)
- gitreset (66)
- python字典 (67)
- dockercp (63)
- gitclone命令 (63)
- dockersave (62)
- linux命令大全 (65)
- pythonif (86)
- location.href (69)
- dockerexec (65)
- tail-f (79)
- queryselectorall (63)
- location.search (79)
- bootstrap教程 (74)
- 单例 (62)
- linuxgzip (68)
- 字符串连接 (73)
- html标签 (69)
- c++初始化列表 (64)
- mysqlinnodbmyisam区别 (63)
- arraylistadd (66)
- mysqldatesub函数 (63)
- window10java环境变量设置 (66)
- c++虚函数和纯虚函数的区别 (66)