Comment ajouter des heures à une chaîne au format HH: MM: SS au format 24 heures

L'utilisation d'un objet date ici est peut-être inutile, l'arithmétique modulo devrait suffire.

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"

Notez que comme il n'y a pas de dates impliquées, il ne traitera pas avec précision, par exemple. le temps de l'heure d'été. Notez également que dans cet exemple, les minutes sont arrondies vers le bas, vous pouvez répéter la logique pour les secondes si vous le souhaitez.

Notez que votre approche utilisant des objets Date donnera des réponses différentes pour les mêmes entrées selon le moment / l'endroit où la logique s'exécute, pour les mêmes raisons.

Créer un additionneur de date personnalisé?

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

vous pouvez appliquer le principe DRY et refactoriser le code vous-même. Mais il fera le travail selon vos besoins.

Vous pouvez utiliser assez facilement les méthodes JavaScript Date vanille ici. La plupart du travail consiste à analyser les entrées de la chaîne de temps, puis à concaténer la sortie de la chaîne de temps. Par exemple:

let start = '23:59:59';
let add = '2.5';

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

L'astuce simple que j'ai faite est de convertir simplement les heures saisies en float / int en une valeur minute en multipliant par 60 et en créant une date, en ajoutant simplement le temps dont je dispose déjà. Voici la solution avec des étapes minimales:

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.