Sumar tiempos en un Text Dinamicamente

[JuJoGuAl]

Listo e Solucionado mi duda posteare el código por si alguien lo necesita:

Con este código no solo sumo las horas si no las redondeo (en caso de sumar 00:50:00 + 00:30:00), ademas agregue una opción personal que si la hora es mayor a 1 no dejarla pasar

Código Javascript:

<script>
function calcular(elemento1,elemento2,elemento3,resultado,obj) {
    horas1=document.getElementById(elemento1).value.split(":");
    horas2=document.getElementById(elemento2).value.split(":");
    horas3=document.getElementById(elemento3).value.split(":");
    horatotale=new Array();
    for(a=0;a<3;a++){
        horas1[a]=(isNaN(parseInt(horas1[a])))?0:parseInt(horas1[a])
        horas2[a]=(isNaN(parseInt(horas2[a])))?0:parseInt(horas2[a])
        horas3[a]=(isNaN(parseInt(horas3[a])))?0:parseInt(horas3[a])
        horatotale[a]=(horas1[a]+horas2[a]+horas3[a]);
    }
    tiempototal1=new Date()
    tiempototal1.setHours(horatotale[0]);
    tiempototal1.setMinutes(horatotale[1]);
    tiempototal1.setSeconds(horatotale[2]);
    function completCeros(x,n) {
        x = x.toString();
        while( x.length < n )
            x = "0"+x;
        return x;
    }
    // Creo una variable para capturar los resultados
    var hora=tiempototal1.getHours();
    var minu=tiempototal1.getMinutes();
    var seco=tiempototal1.getSeconds();
    //Completo con '0' si el resultado tiene 1 digito
    hora=completCeros(hora, 2);
    minu=completCeros(minu, 2);
    seco=completCeros(seco, 2);
    //Valido si la hora fue mayor a 1, de ser asi no lo dejo pasar
    if (hora>1)
    {
        alert ('La hora no puede ser mayor a 1 Hora');
        document.getElementById(obj).value='';
        document.getElementById(obj).focus();
    }
    else
    {
        document.getElementById(resultado).value=hora+":"+minu+":"+seco;
    }   
}
</script>
 

y aqui los campos:

Código HTML:

<tr>
            <td align="center"><input type="text" name="tiempotefact1" id="tiempotefact1" onkeypress="return acceptNum(event)" maxlength="10" /></td>
<td align="center"><input type="text" name="TiempoaSumar" id="tiempo11" onblur="calcular('tiempo11','tiempo12','tiempo13','tiempototal1',this.id)" onkeyup="mascara(this,':',patron,true)" maxlength="8" /></td>
            <td align="center"><input type="text" name="TiempoaSumar" id="tiempo12" onblur="calcular('tiempo11','tiempo12','tiempo13','tiempototal1',this.id)" onkeyup="mascara(this,':',patron,true)" maxlength="8" /></td>
            <td align="center"><input type="text" name="TiempoaSumar" id="tiempo13" onblur="calcular('tiempo11','tiempo12','tiempo13','tiempototal1',this.id)" onkeyup="mascara(this,':',patron,true)" maxlength="8" /></td>
            <td align="center"><input name="tiempotetotal1" type="text" id="tiempototal1" readonly="readonly" /></td>
          </tr>
 

Espero le sirva a alguien mas :)