JavaScript - Zeit-Differenz ermitteln

Beginn:

Ende:

Zeit-Differenz:
h

<script>

// Zeit-Differenz ermitteln



window.addEventListener("DOMContentLoaded", function() {

 document.getElementById("sMon").addEventListener("change", SumHours);

 document.getElementById("fMon").addEventListener("change", SumHours);

});



function SumHours() {

  var smon = document.getElementById('sMon').value;

  var fmon = document.getElementById('fMon').value;

  var diff = 0;



 if (smon && fmon) {

  smon = ConvertToSeconds(smon);

  fmon = ConvertToSeconds(fmon);

  diff = Math.abs(fmon - smon);

  document.getElementById('out').value = secondsToHHmmSS(diff);

 }



 function ConvertToSeconds(time) {

  var splitTime = time.split(":");

  return splitTime[0] * 3600 + splitTime[1] * 60;

 }



 function secondsToHHmmSS(secs) {

  var hours = parseInt(secs / 3600);

  var seconds = parseInt(secs % 3600);

  var minutes = parseInt(seconds / 60);

  if (minutes < 10){

    minutes = '0' + minutes;

   }

   return hours + ":" + minutes;

 }

}

</script>



<p><label>Beginn:

 <input type="time" id="sMon"></label></p>



<p><label>Ende:

  <input type="time" id="fMon"></label></p>



<p>Zeit-Differenz: 

<input type="text" id="out" readonly="readonly"></p>

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<blockquote> Block-Zitat

CSS - Bild mit Impuls

PHP - Zeichenkette nach Tabulator trennen

JavaScript - outerHTML - Quelltext anzeigen

MySQL - Datensatz Wert um 5% erhöhen