找到时间的流逝

Question

I'm trying to get the time lapse between 2 diferent hours....

function time()
    {
        var startime=(document.getElementById("horaentrada").value);
        var endtime=(document.getElementById("horasaida").value);

        document.getElementById("total_horas").value = (endtime-startime);
    }

the idea is to fill a html input "total_horas" with the result. The function is triggered by an onchange event. The entry format is "HH:mm:ss", by instance 9:35:22.

I've tried a lot of things, but, no one works I get NaN.

Answer 1

Try this:

function time()
    {
        var startime=(document.getElementById("horaentrada").value);
        var endtime=(document.getElementById("horasaida").value);

        document.getElementById("total_horas").value= (parseFloat(endtime,10)-parseFloat(startime, 10));
    }

Also, make sure to run the function after the dom is loaded.

Fiddle: http://jsfiddle.net/LnLdB/2/ . Just be gentle with the stuff you input in the boxes.

EDIT: Here is an updated fiddle, using moment.js. It subtracts hours in the format "HH:mm:ss": http://jsfiddle.net/LnLdB/13/