Javascript JS时间计算添加和设置值

我正在制作一个页面，以便轻松计算我什么时候可以下班回家。加载时，页面应设置开始日期。这样我就不必知道什么时候开始工作，只需打开浏览器。然后单击其中一个按钮，它应该只增加一些小时

这个例子是我已经尝试过的许多事情之一。但我认为这一点很接近。欢迎提出任何建议。我没有包括jquery，因为它的规模很小

函数重置（）{
变量日期=新日期（）；
var hour=date.getHours（），
min=date.getMinutes（）；
小时=（小时<10？：“）+小时；
最小值=（最小值<10？：“）+min；
var时间戳=小时+“：”+分钟；
document.getElementById（“开始时间”）。值=时间戳；
}
函数add_time_76（）{
var start=document.getElementById（“开始时间”）.value；
document.getElementById（“结束时间”）.value=start+7,6；
}
函数getTotal（）{
var start=document.getElementById（“开始时间”）.value；
var end=document.getElementById（“end_time”）.value；
document.getElementById（“total”）.value=end-start；
}

开始时间：

回家时间：

总小时数：

添加7,6h
加8小时



计算总数



重置

只需在输入中添加一个id即可

<p>Start time: <input id="start_time" name="start_time" type="time" /></p>
<p>Time to go home: <input id="end_time" name="end_time" type="time" /></p>
<p>Total hours: <input id="total" type="text" name="total" readonly></p>

开始时间：

回家时间：

总小时数：

检查控制台：未捕获类型错误：无法在重置（（索引）：16）时在onload（（索引）：4）时将属性“value”设置为null。在实际跳转到控制台之前，请始终尝试使用开发人员工具并检查控制台是否有任何错误。您使用的是

文档.getElementById

，但未设置任何元素ID，而不是侧点，你不需要重新发明轮子。查一下日期加/减时间。我知道这会很愚蠢。。。谢谢你让它起作用了