javascript - 数学函数 -> 使用基本 javascript 添加 hh 时间

Question

如何使用 javascript 以 24 小时格式计算两个以上的时间值，如 (10:00 + 02:30 + 03:00) = 15:30？

请查看随附的代码片段，您可以了解目标是什么。不幸的是，我不知道如何完成它。

目前我正在使用以下代码来计算三个文本字段。另见 jsfiddle

function output(){
  var value1 = document.getElementById('value1').value;
  var value2 = document.getElementById('value2').value;
  var value3 = document.getElementById('value3').value;
  document.getElementById('result1').innerHTML = (parseInt(value1) + parseInt(value2)) + parseInt(value3);
}

<input id="value1" type="text" onchange="output();" />
<span> + </span>
<input id="value2" type="text" onchange="output();" />
<span> + </span>
<input id="value3" type="text" onchange="output();" />
<p id="result1"> </p>

Answer 1

可以先转为分钟，返回时转为小时。

function output(){
  var value1 = document.getElementById('value1').value;
  var value1Sec = getMinuteValue(value1);
  var value2 = document.getElementById('value2').value;
  var value2Sec = getMinuteValue(value2);
  var value3 = document.getElementById('value3').value;
  var value3Sec = getMinuteValue(value3);
  document.getElementById('result1').innerHTML = getTime(value1Sec+ value2Sec+ value3Sec)
}

function getMinuteValue(val){
 var arr = val.split(':');
 var value = +arr[0]*60 + +arr[1];
 return isNaN(value) ? 0 : value
}

function getTime(val){
 var min = (val%60);
 min = min<10 ? ('0'+min) : min;
 var hour = (parseInt(val/60))%24;
 hour = hour<10 ? ('0'+hour) : hour;
 return hour+':'+ min;
}

<input id="value1" type="time" onchange="output();" />
<span> + </span>
<input id="value2" type="time" onchange="output();" />
<span> + </span>
<input id="value3" type="time" onchange="output();" />
<p id="result1"> </p>