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.

<section> Abschnitt

CSS - Aufzählungslisten einfärben

PHP - define() in PHP 7

JavaScript - CSS über Javascript einbinden

MySQL - Werte von Heute auslesen