如何使用jQuery将分钟转换为小时/分钟并将各种时间值相加？

Question

这个问题有几个部分。我不反对使用jQuery插件，如果有人知道一个将完成我想做的事情。

Q1 --我如何将分钟转换为小时，反之亦然？例如，我如何将90分钟转换为1小时30分钟。在下面的代码中，如何将"totalMin“转换为"convertedHour”和"convertedMin"?

HTML：

<span class="totalMin">90</span> Minutes

<span class="convertedHour">0</span> Hours
<span class="convertedMin">0</span> Minutes

jsFiddle：http://jsfiddle.net/ExFBD

Q2 --我怎么把一组时隙加起来呢？例如，如何将1小时30分钟、2小时45分钟和2小时15分钟加在一起？

HTML：

<span class="hour-1 hour">1</span> hour
<span class="min-1 min">30</span> min

<span class="hour-2 hour">2</span> hour
<span class="min-2 min">45</span> min

<span class="hour-3 hour">2</span> hour
<span class="min-3 min">15</span> min


<span class="totalHour">0</span> hour
<span class="totalMin">0</span> min

jsFiddle：http://jsfiddle.net/DX9YA/

Q3 --我如何获取时间值(3小时30分钟)并将其添加到实时时间戳(如上午10:30 )？我将如何考虑AM和PM？

Answer 1

Q1：

$(document).ready(function() {
    var totalMinutes = $('.totalMin').html();

    var hours = Math.floor(totalMinutes / 60);          
    var minutes = totalMinutes % 60;

    $('.convertedHour').html(hours);
    $('.convertedMin').html(minutes);    
});

Q2：

$(document).ready(function() {

    var minutes = 0;

    $('.min').each(function() {
        minutes = parseInt($(this).html()) + minutes;
    });

    var realmin = minutes % 60
    var hours = Math.floor(minutes / 60)

    $('.hour').each(function() {
        hours = parseInt($(this).html()) + hours;
    });


    $('.totalHour').html(hours);
    $('.totalMin').html(realmin);    

});

Answer 2

如果你想以00:00格式返回一个字符串.

convertMinsToHrsMins: function (minutes) {
  var h = Math.floor(minutes / 60);
  var m = minutes % 60;
  h = h < 10 ? '0' + h : h; 
  m = m < 10 ? '0' + m : m; 
  return h + ':' + m;
}

谢谢你投的票。这里有一个稍微整洁的ES6版本:)

const convertMinsToHrsMins = (mins) => {
  let h = Math.floor(mins / 60);
  let m = mins % 60;
  h = h < 10 ? '0' + h : h; // (or alternatively) h = String(h).padStart(2, '0')
  m = m < 10 ? '0' + m : m; // (or alternatively) m = String(m).padStart(2, '0')
  return `${h}:${m}`;
}

Answer 3

下面的函数将以以下格式作为分钟的输入和输出时间:小时:分钟。我使用了Math.trunc()，这是2015年添加的一种新方法。它通过删除任何小数位来返回数字的整数部分。

function display(a){
  var hours = Math.trunc(a/60);
  var minutes = a % 60;
  console.log(hours +":"+ minutes);
}

display(120); //"2:0"
display(60); //"1:0:
display(100); //"1:40"
display(126); //"2:6"
display(45); //"0:45"