javascript - 超过 24 小时的时间字段(计时器)

Question

我有这个功能

function calculateTimes(firstDate, firstTime, secondDate, secondTime){
    var fDate = firstDate+" "+firstTime;
    var sDate = secondDate+" "+secondTime;

    var firstDateFull = new Date(fDate);
    var secondDateFull = new Date(sDate);

    var diff = secondDateFull - firstDateFull;

    var diffSeconds = diff / 1000;
    var HH = Math.floor(diffSeconds / 3600);
    var MM = Math.floor((diffSeconds % 3600) / 60);
    var SS = "00";

    var formatted = ((HH < 10) ? ("0" + HH) : HH) + ":" + ((MM < 10) ? ("0" + MM) : MM);

    return formatted;
}  

我是这样使用的

    $('#uoc-r4disDate-fld, #uoc-r4disTime-fld, #uoc-disDate-fld, #uoc-disTime-fld').on('change', function() {
        $("#uoc-delay-fld").val(calculateTimes($("#uoc-r4disDate-fld").val(), $("#uoc-r4disTime-fld").val(), $("#uoc-disDate-fld").val(), $("#uoc-disTime-fld").val()));
    });

我的问题是，这是一个延迟字段，时间可能会超过 24 小时。有没有办法让 JavaScript 中的时间字段接受超过 24 小时的时间？我猜想，我使用的数据库(第四维度)可以接受 24 小时以上的时间。

因此，它需要能够显示 - 26:34。以时间格式显示耗时，就像秒表一样。

Answer 1

如果我一切顺利，那么您正在使用 <input type="time" />作为“时间字段”。此输入类型旨在处理白天时间，而不是时间跨度。这些白天可以采用 12 或 24 小时格式，并且它们都描述一天中的某个时间。像“35:54”这样的时间跨度是 35 小时 54 分钟，不能用来描述一天中的某个时间，因此这样的值对于此类输入无效。

如果您需要输入此类值，您当然可以使用 <input type='text' /> ，或两个<input type="number" /> ，一个代表小时，一个代表分钟，如下所示:

<div id="time-span">
    <input type="number" min="0" step="1" />:<input type="number" min="0" max="59" step="1" />
</div>