javascript - 如何使用 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/

问题 3 - 我如何获取时间值(3 小时 30 分钟)并将其添加到实时时间戳，例如上午 10:30？我将如何考虑上午与下午？

Answer 1

问题 1:

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

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

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

问题 2:

$(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);    

});