wake-up-neo.net

Wie konvertiert man Minuten in Stunden/Minuten und addiert verschiedene Zeitwerte mit jQuery?

Diese Frage besteht aus einigen Teilen. Ich bin nicht dagegen, ein jQuery-Plugin zu verwenden, wenn jemand von einem weiß, der das erreichen kann, was ich will.

Q1 - Wie kann ich Minuten in Stunden umrechnen und umgekehrt? Wie würde ich zum Beispiel 90 Minuten in 1 Stunde und 30 Minuten umrechnen? Wie würde ich im folgenden Code "totalMin" konvertieren und in "convertHour" und "convertMin" anzeigen lassen?

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 - Wie würde ich eine Gruppe von Zeitfenstern zusammenfassen? Zum Beispiel: Wie würde ich 1 Stunde 30 Minuten, 2 Stunden 45 Minuten und 2 Stunden 15 Minuten zusammen hinzufügen?

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 - Wie würde ich einen Zeitwert (3 Stunden und 30 Minuten) nehmen und ihn zu einem Echtzeitstempel hinzufügen, z. B. 10:30 Uhr? Wie würde ich AM vs PM berücksichtigen? 

javascriptjquerytime
48
sevens

Q1:

$(document).ready(function() {
    var hours = Math.floor( $('.totalMin').html() / 60);          
    var minutes = $('.totalMin').html() % 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);    

});
90
nunopolonia

Wenn Sie eine Zeichenfolge im 00:00-Format zurückgeben möchten ...

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

Danke für die Abstimmungen. Hier ist eine etwas sauberere ES6-Version :)

function convertMinsToHrsMins(mins) {
  let h = Math.floor(mins / 60);
  let m = mins % 60;
  h = h < 10 ? '0' + h : h;
  m = m < 10 ? '0' + m : m;
  return `${h}:${m}`;
}
48
ConorLuddy

Die folgende Funktion benötigt als Eingabe der Anzahl Minuten und der Ausgabezeit das folgende Format: Stunden: Minuten. Ich habe Math.trunc () verwendet, eine neue Methode, die 2015 hinzugefügt wurde. Sie gibt den integralen Teil einer Zahl zurück, indem alle Nachkommastellen entfernt werden.

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"
19
Dan S.
var timeConvert = function(n){
 var minutes = n%60
 var hours = (n - minutes) / 60
 console.log(hours + ":" + minutes)
}
timeConvert(65)

dies wird 1: 5 an der Konsole protokolliert. Es ist eine kurze und einfache Lösung, die leicht verständlich sein sollte und kein Jquery-Plugin erforderlich ist ...

5
Maxwelll
function parseMinutes(x){hours=Math.floor(x/60); minutes=x% 60;}
function parseHours(H,M){x=M+H*60;}
5
Malk

???? Sehr kurzer Code zum Übertragen von Minuten in zwei Formaten!

let format1 = (n) => `${n / 60 ^ 0}:` + n % 60

console.log(format1(135)) // "2:15"
console.log(format1(55)) // "0:55"

let format2 = (n) => `0${n / 60 ^ 0}`.slice(-2) + ':' + ('0' + n % 60).slice(-2)

console.log(format2(135)) // "02:15"
console.log(format2(5)) // "00:05"

4
Илья Зеленько

Ich habe mir erlaubt, die Antwort von ConorLuddy so zu ändern, dass sie sowohl 24 Stunden als auch 12 Stunden anspricht.

function minutesToHHMM (mins, twentyFour = false) {
  let h = Math.floor(mins / 60);
  let m = mins % 60;
  m = m < 10 ? '0' + m : m;

  if (twentyFour) {
    h = h < 10 ? '0' + h : h;
    return `${h}:${m}`;
  } else {
    let a = 'am';
    if (h >= 12) a = 'pm';
    if (h > 12) h = h - 12;
    return `${h}:${m} ${a}`;
  }
}
0
Spittal

Kein Jquery-Plugin, sondern die DateJS Library scheint zu tun, was Sie benötigen. Die Seite Erste Schritte enthält einige Beispiele.

0
Jon McAuliffe

Alternativ zur Unterstützung älterer Browser.

function minutesToHHMM (mins, twentyFour) {
  var h = Math.floor(mins / 60);
  var m = mins % 60;
  m = m < 10 ? '0' + m : m;

  if (twentyFour === 'EU') {
    h = h < 10 ? '0' + h : h;
    return h+':'+m;
  } else {
    var a = 'am';
    if (h >= 12) a = 'pm';
    if (h > 12) h = h - 12;
    return h+':'+m+a;
  }
}
0
Jarkko Oksanen

Dieser Code kann mit der Zeitzone verwendet werden

javascript: 

 let minToHm = (m) => {
        let h = Math.floor(m/60);
        h += (h < 0) ? 1 : 0;
        let m2 = Math.abs(m%60);
        m2 = (m2 < 10) ? '0'+m2 : m2;
        return (h < 0 ? '' : '+')+h+':'+m2;
    }

minToHm (210) "+ 3:30"

minToHm (-210) "- 3:30"

minToHm (0) "+ 0:00"

0
kostest kaptest