[SOLUCIONADO] Calcular tiempo entre dos horas (HH:MM:SS)

[corei7]

Hola buenas,

teniendo dos horas con formato HH:MM:SS, de qué forma podría calcular la diferencia entre ellas?

El problema llega cuando por ejemplo:

Tenemos la hora 03:29:01 y tenemos otra hora 03:28:56.

Con una resta simple, obtendríamos como diferencia: 00:01:-55 y claramente es incorrecto...

Ideas? Gracias de antemano :/

PD: Pasándolo todo a segundos antes de la resta, y posteriormente devolver los segundos al formato, valdría? Gracias

[TMeister]

Tiene que usar el objeto date

Código Javascript:

var a = new Date("February 12, 2014 03:29:01");
var b = new Date("February 12, 2014 03:28:56");
//La diferencia se da en milisegundos así que debes dividir entre 1000
var c = ((a-b)/1000);
console.log( c ) // resultado 5;
 

[corei7]

Iniciado por TMeister

Tiene que usar el objeto date

Código Javascript:

var a = new Date("February 12, 2014 03:29:01");
var b = new Date("February 12, 2014 03:28:56");
//La diferencia se da en milisegundos así que debes dividir entre 1000
var c = ((a-b)/1000);
console.log( c ) // resultado 5;
 

Sería posible hacerlo únicamente con el formato HH:MM:SS? Gracias ;)

[Alexis88]

Claro que se puede:

Código Javascript:

var hora1 = ("04:29:01").split(":"),
    hora2 = ("03:28:56").split(":"),
    t1 = new Date(),
    t2 = new Date();
 
t1.setHours(hora1[0], hora1[1], hora1[2]);
t2.setHours(hora2[0], hora2[1], hora2[2]);
 
//Aquí hago la resta
t1.setHours(t1.getHours() - t2.getHours(), t1.getMinutes() - t2.getMinutes(), t1.getSeconds() - t2.getSeconds());
 
//Imprimo el resultado
document.body.innerHTML = "La diferencia es de: " + (t1.getHours() ? t1.getHours() + (t1.getHours() > 1 ? " horas" : " hora") : "") + (t1.getMinutes() ? ", " + t1.getMinutes() + (t1.getMinutes() > 1 ? " minutos" : " minuto") : "") + (t1.getSeconds() ? (t1.getHours() || t1.getMinutes() ? " y " : "") + t1.getSeconds() + (t1.getSeconds() > 1 ? " segundos" : " segundo") : "");
 

El resultado es:

Código HTML:

La diferencia es de: 1 hora y 5 segundos
 

Con tus datos, el resultado sería: "La diferencia es de: 5 segundos".

Tenemos inicialmente 2 horas con el formato HH:MM:SS, a cada una la convierto en un array distinto, separando sus elementos desde el ":" que separa las horas de los minutos y segundos, además, creo dos objetos Date para manipular las horas.

A cada objeto Date, le asigno las horas, minutos y segundos que obtuve de cada una de las horas en cuestión, luego, asigno al primer objeto sus nuevos componentes de horas, minutos y segundos, que no son otros que la resta de las horas, minutos y segundos del primer objeto con el segundo. Finalmente, imprimo la diferencia.

Así es como se ve en ejecución: http://jsfiddle.net/pwYG8/

La línea de código de la impresión del resultado es un poco larga porque acomodo las palabras que se mostrarán según el valor de cada parte del objeto Date, para que cuando haya una hora, un minuto o un segundo en el resultado, se muestre de esa forma y no "1 segundos", por ejemplo.

Saludos

[corei7]

Iniciado por Alexis88

Claro que se puede:

Código Javascript:

var hora1 = ("04:29:01").split(":"),
    hora2 = ("03:28:56").split(":"),
    t1 = new Date(),
    t2 = new Date();
 
t1.setHours(hora1[0], hora1[1], hora1[2]);
t2.setHours(hora2[0], hora2[1], hora2[2]);
 
//Aquí hago la resta
t1.setHours(t1.getHours() - t2.getHours(), t1.getMinutes() - t2.getMinutes(), t1.getSeconds() - t2.getSeconds());
 
//Imprimo el resultado
document.body.innerHTML = "La diferencia es de: " + (t1.getHours() ? t1.getHours() + (t1.getHours() > 1 ? " horas" : " hora") : "") + (t1.getMinutes() ? ", " + t1.getMinutes() + (t1.getMinutes() > 1 ? " minutos" : " minuto") : "") + (t1.getSeconds() ? (t1.getHours() || t1.getMinutes() ? " y " : "") + t1.getSeconds() + (t1.getSeconds() > 1 ? " segundos" : " segundo") : "");
 

El resultado es:

Código HTML:

La diferencia es de: 1 hora y 5 segundos
 

Con tus datos, el resultado sería: "La diferencia es de: 5 segundos".

Tenemos inicialmente 2 horas con el formato HH:MM:SS, a cada una la convierto en un array distinto, separando sus elementos desde el ":" que separa las horas de los minutos y segundos, además, creo dos objetos Date para manipular las horas.

A cada objeto Date, le asigno las horas, minutos y segundos que obtuve de cada una de las horas en cuestión, luego, asigno al primer objeto sus nuevos componentes de horas, minutos y segundos, que no son otros que la resta de las horas, minutos y segundos del primer objeto con el segundo. Finalmente, imprimo la diferencia.

Así es como se ve en ejecución: http://jsfiddle.net/pwYG8/

La línea de código de la impresión del resultado es un poco larga porque acomodo las palabras que se mostrarán según el valor de cada parte del objeto Date, para que cuando haya una hora, un minuto o un segundo en el resultado, se muestre de esa forma y no "1 segundos", por ejemplo.

Saludos

Muchas gracias Alexis, muy buena explicación, gracias por tu tiempo.

Sólo una pregunta, cuando usas la función new Date(), estás creando una variable de fecha, con formato completo. Si las dos Dates tienen un día distinto, la diferencia seguirá siendo sólo de la hora, o también de la fecha? Ej: 1 día y 30 segundos de diferencia...

Editado: No sé si me he explicado bien antes, me refiero a esto:

FECHA1: 13 Febrero, 23:59:59
FECHA2: 14 Febrero, 00:00:02

La diferencia sería de 3 segundos? O sería de 1 día y 3 segundos?

Gracias, un saludo!

[Alexis88]

Bueno, como le dijiste a TMeister lo siguiente:

Iniciado por corei7

Sería posible hacerlo únicamente con el formato HH:MM:SS?

Supuse que solamente pensabas manipular las horas y no las fechas, sin embargo, como lo que estoy haciendo es sumar horas en negativo al primer objeto Date, el resultado no se altera. Más claro, supón que en el primer objeto son las 04:45:23 del 17 de mayo del 2014 y en el segundo son las 03:27:34 del 31 de enero de 1983, lo que hago es añadir las 03:27:34 horas del segundo objeto a las 04:45:23 del primero pero en negativo y como sumar una cantidad negativa equivale a restar, pues ahí tienes lo que buscabas. La idea es que al restar, la hora del primer objeto sea mayor que la del segundo, pero si fuera al revés, es decir, si compararas las 04:45:23 del 21 de febrero con las 04:45:24 del 20 de febrero (hora del segundo objeto mayor que la del primero), resultará en 23:59:59.

Saludos

[corei7]

Iniciado por Alexis88

Bueno, como le dijiste a TMeister lo siguiente:

Supuse que solamente pensabas manipular las horas ...

Saludos

Muchas gracias Alexis, de momento me sirve... Un saludo!

[andresnegro9]

porfa quien me puede ayudar con este codigo necesito ponerlo en un ciclo que se ejecute mientras la hora inicial sea menor a la hora final

var horaI = $("#txtHoraInicial").val().split(":");
var horaT = $("#txtHoraFinal").val().split(":");
var intervalo = $("#txtIntervalo").val().split(":");
var horaIni = new Date();
var inter = new Date();

horaIni.setHours(horaI[0], horaI[1]);
inter.setHours(intervalo[0], intervalo[1]);

horaIni.setHours(horaIni.getHours() + inter.getHours(), horaIni.getMinutes() + inter.getMinutes());

$("#txtNuevaHora").val((horaIni.getHours() ? horaIni.getHours() + (horaIni.getHours() > 1 ? ":" : " hora") : "") + (horaIni.getMinutes() ? "" + horaIni.getMinutes() + (horaIni.getMinutes() > 1 ? "" : " minuto") : "00"));