如何以 24 小时格式向格式化为 HH:MM:SS 的字符串添加小时数

Question

我正在尝试以 24 小时的格式添加时间，例如“23:59:59”。例如，我需要添加 2.5 小时，以便时间滚动到第二天并显示为“02:30:00”。

到目前为止，我所尝试的方法一直有效，直到达到“23:59:59”为止。如果它超过'23:59:59'，我需要显示第二天的时间。到目前为止，这是我尝试过的：

var time = $('#starttime').val().split(':');
var d = new Date();
d.setHours(+time[0]);
d.setMinutes(time[1]);
d.setSeconds(time[2]);
var time2 = $('#endtime').val().split(':');
var endtimeval = new Date();
endtimeval.setHours(+time2[0]);
endtimeval.setMinutes(time2[1]);
endtimeval.setSeconds(time2[2]);
var str = d.getHours() + parseInt($('#noofhours').val()) + ":" + time2[1] + ":" + time2[2];
$('#endtime').val(str);

Answer 1

在这里使用日期对象可能是不必要的，模运算就足够了。

const pad = n => {
  const s = String(n);
  return s.length > 1 ? s : '0' + s;
};

const addHours = (timeVal, numHours) => {
  const [hr, min, sec] = timeVal.split(':').map(Number);
  const [,lefty, righty] = String(numHours).match(/(\d+)(?:(\.\d+))?/).map(Number);
  const hours = (hr + lefty) % 24;
  const minutes = righty === undefined ? 
    min : 
    ((righty * 60 | 0) + min) % 60;

  return [hours, minutes, sec].map(pad).join(':');  
};

addHours('23:59:59', 2.5) // "01:29:59"

请注意，由于不涉及日期，因此无法准确处理，例如夏令时。另请注意，此示例中的分钟是向下舍入的，如果需要，您可以将逻辑重复几秒钟。

请注意，出于相同的原因，您使用 Date 对象的方法会对相同的输入给出不同的答案，具体取决于逻辑运行的时间/地点。

Answer 2

制作自定义日期加法器？

const add = (time, hours) => {
  let [hh, mm, ss] = time.split(':');

  const seconds = hours * 60 * 60;

  ss = ss * 1 + seconds;
  if (ss >= 60) { 
      mm = mm * 1 + ss / 60; 
      ss = (ss % 60).toPrecision(2).padStart(2, '0');
  }

  if (mm >= 60) {
    hh = hh * 1 + mm / 60;
    mm = (mm % 60).toPrecision(2).padStart(2, '0');
  }

  hh = (Math.floor(hh) % 24).toString().padStart(2, '0');

  return hh + ':' + mm + ':' + ss;
}

console.log(add("23:59:59", 2.5));

您可以应用 DRY 原则并自己重构代码。但它会根据您的要求完成工作。

Answer 3

我所做的简单技巧是将作为浮点数/整数输入的小时数乘以 60 转换为分钟值并创建一个日期，这只是添加了我已经拥有的时间。 这里的解决方案只需最少的步骤：

var time = $('#endtime').val().split(':');
    var d = new Date(); 
    d.setHours(+time[0]); 
    d.setMinutes(time[1]); 
    d.setSeconds(time[2]);
    var addeddate = new Date();
    addeddate.setMinutes(parseFloat($('#noofhours').val()) * 60);
    $('#endtime').val(("0" + (addeddate.getHours())).slice(-2) + ":" + ("0" + (addeddate.getMinutes())).slice(-2) + ":" + ("0" + (addeddate.getSeconds())).slice(-2)); //The answer that I needed in endtime id value.

Answer 4

您可以在这里相当轻松地使用原生 JavaScript 日期方法。大部分工作是解析时间字符串输入，然后连接时间字符串输出。例如：

const start = '23:59:59';
const add = '2.5';
const [hh, mm, ss] = start.split(':').map(x => parseInt(x));
const d = new Date(new Date().setHours(hh, mm + (add * 60), ss));
const end = `${d.getHours()}:${d.getMinutes()}:${d.getSeconds()}`;
console.log(end);
// 2:29:59