Muchísimas gracias a todos. Al final logre un mi cometido usando parte de las respuestas y soluciones dadas por ustedes, dado que la opción de realizar la suma con mysql no me parecía adecuada por ser muy compleja la consulta ue realizo y completa también la página y no quiero sumarle tarea a mysql para obtener el mejor tiempo posible en la respuesta, dado que muchas veces el resultado de la consulta es una cantidad impotante de datos y no quiero tener un cuello de botella en alguno de los procesos, me parece que esta opción que les muestro a modo de ejemplo cumple bien su cometido, este es el resultado:
Código javascript
:
Ver original<html>
<head>
<script language="JavaScript">
<!--
function padNmb(nStr, nLen){
var sRes = String(nStr);
var sCeros = "0000000000";
return sCeros.substr(0, nLen - sRes.length) + sRes;
}
function stringToSeconds(tiempo){
var sep1 = tiempo.indexOf(":");
var sep2 = tiempo.lastIndexOf(":");
var hor = tiempo.substr(0, sep1);
var minu = tiempo.substr(sep1 + 1, sep2 - sep1 - 1);
var sec = tiempo.substr(sep2 + 1);
return (Number(sec) + (Number(minu) * 60) + (Number(hor) * 3600));
}
function secondsToTime(secs){
var hor = Math.floor(secs / 3600);
var minu = Math.floor((secs - (hor * 3600)) / 60);
var sec = secs - (hor * 3600) - (minu * 60);
return padNmb(hor, 2) + ":" + padNmb(minu, 2) + ":" + padNmb(sec, 2);
}
function sumaTiempos() {
var dev=0;
for(var i = 0; i < document.forms.formulario_horas.elements.length; i++)
if (document.forms.formulario_horas.elements[i].type == "text" &&
document.forms.formulario_horas.elements[i].name == "tiempo")
dev += stringToSeconds(document.forms.formulario_horas.elements[i].value);
return secondsToTime(dev);
}
function calcular() {
document.getElementById("resultado").value = sumaTiempos();
return false;
}
//-->
</script>
</head>
<body onLoad="calcular()">
<form name="formulario_horas">
Hora1 (hh:mm:ss): <input type="text" name="tiempo" value="12:30:15"><br>
Hora2 (hh:mm:ss): <input type="text" name="tiempo" value="3:41:18"><br>
Hora3 (hh:mm:ss): <input type="text" name="tiempo" value="3:42:18"><br>
Hora4 (hh:mm:ss): <input type="text" name="tiempo" value="3:49:18"><br>
Hora5 (hh:mm:ss): <input type="text" name="tiempo" value="1:44:18"><br>
Hora6 (hh:mm:ss): <input type="text" name="tiempo" value="00:00:1"><br>
Hora7 (hh:mm:ss): <input type="text" name="tiempo" value="00:00:00"><br>
Hora8 (hh:mm:ss): <input type="text" name="tiempo" value="00:00:14"><br>
<hr>
Suma (hh:mm:ss): <input type="text" name="resultado" id="resultado" value="">
</form>
</body>
</html>
Nuevamente muchisimas gracias a todos!