Hay un par de partes en esta pregunta. No me opongo a usar un complemento jQuery si alguien sabe de uno que logrará lo que quiero que se haga.
P1 - ¿Cómo convierto los minutos en horas y viceversa? Por ejemplo, ¿cómo convertiría 90 minutos en 1 hora y 30 minutos? En el siguiente código, ¿cómo obtendría "totalMin" convertido y mostrado en "convertedHour" y "convertedMin"?
HTML:
<span class="totalMin">90</span> Minutes <span class="convertedHour">0</span> Hours <span class="convertedMin">0</span> MinutesjsFiddle: http://jsfiddle.net/ExFBD
P2: ¿Cómo agregaría un grupo de intervalos de tiempo? Por ejemplo, ¿cómo sumaría 1 hora y 30 minutos, 2 horas y 45 minutos y 2 horas y 15 minutos juntos?
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> minjsFiddle: http://jsfiddle.net/DX9YA/
P3: ¿Cómo tomaría un valor de tiempo (3 horas y 30 minutos) y lo agregaría a una marca de tiempo real como las 10:30 a. m.? ¿Cómo tomaría en cuenta AM vs 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); });En caso de que quiera devolver una cadena en formato 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; }Gracias por los votos positivos. Aquí hay una versión ES6 un poco más ordenada :)
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}`; }La siguiente función tomará como entrada # de minutos y tiempo de salida en el siguiente formato: Horas:minutos. Usé Math.trunc(), que es un nuevo método agregado en 2015. Devuelve la parte integral de un número al eliminar cualquier dígito fraccionario.
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"