如何计算时差

Question

我正在尝试制作一个程序，在其中我放入不同的时间并在单击“计算”按钮后在几分钟内获得差异。我不确定我的方法是否正确，可能有一些错字。

我试图将不同的输入值设置为数字，但似乎还有另一个我看不到的潜在问题。

var hour1=document.getElementById("hour1");

var min1=document.getElementById("min1");

var hour2=document.getElementById("hour2");

var min2=document.getElementById("min2");

function calc(){

    var minutt1=Number(hour1)*60+Number(min1);

    var minutt2=Number(hour2)*60+Number(min2);

    var resultat=0;

    resultat = Number(minutt1) - Number(minutt2);

    document.getElementById("result").innerHTML="Time differance is:" + Number(resultat);

}

<input type="number" id="hour1">:

<input type="number" id="min1"> - 

<input type="number" id="hour2">:

<input type="number" id="min1">

<button type="button" onclick="calc()">Regn ut</button>

<div id="result"></div>

我希望得到一个代表分钟时差的数字，但实际输出是“NaN”。

Answer 1

你需要得到value的hour1，min1，hour2，和min2。你也没有元素min2：var hour1=document.getElementById("hour1").value;var min1=document.getElementById("min1").value;var hour2=document.getElementById("hour2").value;var min2=document.getElementById("min2").value;您的代码试图做的是乘以和减去 HTML 元素（这绝不是一个好主意）。var hour1 = document.getElementById("hour1").value;var min1 = document.getElementById("min1").value;var hour2 = document.getElementById("hour2").value;var min2 = document.getElementById("min2").value;function calc() {&nbsp; var minutt1 = Number(hour1) * 60 + Number(min1);&nbsp; var minutt2 = Number(hour2) * 60 + Number(min2);&nbsp; var resultat = 0;&nbsp; resultat = Number(minutt1) - Number(minutt2);&nbsp; document.getElementById("result").innerHTML = "Time differance is:" + Number(resultat);}<input type="number" id="hour1">:<input type="number" id="min1"> -<input type="number" id="hour2">:<input type="number" id="min2"><button type="button" onclick="calc()">Regn ut</button><div id="result"></div>

Answer 2

其他答案很接近，但您需要在单击按钮后获取输入的值var hour1 = document.getElementById("hour1");var min1 = document.getElementById("min1");var hour2 = document.getElementById("hour2");var min2 = document.getElementById("min2");window.calc = function () {&nbsp; var minutt1 = parseInt(hour1.value) * 60 + parseInt(min1.value);&nbsp; var minutt2 = parseInt(hour2.value) * 60 + parseInt(min2.value);&nbsp; var resultat = minutt1 - minutt2;&nbsp; document.getElementById("result").innerHTML = "Time differance is:" + resultat;&nbsp;&nbsp;&nbsp; console.log({minutt1:minutt1,minutt2:minutt2,resultat:resultat,&nbsp; hour1:hour1,min1:min1,&nbsp; hour2:hour2,min2:min2&nbsp; })};<input type="number" id="hour1">:<input type="number" id="min1"> -<input type="number" id="hour2">:<input type="number" id="min2"><button type="button" onclick="calc()">Regn ut</button><div id="result"></div>