如何计算时差

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() {

  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="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 () {

  var minutt1 = parseInt(hour1.value) * 60 + parseInt(min1.value);

  var minutt2 = parseInt(hour2.value) * 60 + parseInt(min2.value);

  var resultat = minutt1 - minutt2;

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

  

  console.log({minutt1:minutt1,minutt2:minutt2,resultat:resultat,

  hour1:hour1,min1:min1,

  hour2:hour2,min2:min2

  })

};

<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>