1. ホーム
  2. javascript

分単位を時間/分に変換し、jQueryを使用してさまざまな時間の値を一緒に追加するには?

2023-09-04 04:16:11

質問

この質問にはいくつかの部分があります。私は、誰かが私がしたいことを達成するものを知っていれば、jQueryプラグインを使用することに反対ではありません。

Q1 - 分を時間に、またはその逆に変換するにはどうすればよいですか? 例えば、90分を1時間30分に変換するにはどうしたらよいでしょうか。下記のコードで、quot;convertedHour"とquot;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分)をAM10:30のような実際のタイムスタンプにどのように追加するのでしょうか?どのように AM と PM を考慮するのでしょうか?

どのように解決するのですか?

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

});