了解如何在 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)); // 10console.log(Math.floor(10)); // 10console.log(Math.floor(10.05)); // 10

之后，我们使用模运算符 (%) 得到总分钟数除以 60 的余数。结果就是剩余的分钟数。

console.log(100 % 60); // 40console.log(60 % 60); // 0console.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:40console.log(toHoursAndMinutes(60)); // 01:00console.log(toHoursAndMinutes(130)); // 02:10

在这里，我们使用 padStart() 方法将小时和分钟值填充为零，如果它们是个位数。

String padStart() 方法根据需要用另一个字符串填充当前字符串，直到结果字符串达到指定长度。

const str1 = '7';const str2 = 'abc';console.log(str1.padStart(3, '0')); // 007console.log(str2.padStart(5, '*')); // **abcconsole.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 40mconsole.log(toHoursAndMinutes(60)); // 1hconsole.log(toHoursAndMinutes(130)); // 2h 10m

我们使用三元运算符来确保剩余分钟数大于零，然后再以缩写形式显示它们。

关注七爪网，获取更多APP/小程序/网站源码资源！