JavaScript - Zeit-Differenz ermitteln

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

Bilder passend zum Inhalt
Wenn Sie Bilder in ihre Seite einbinden, so achten Sie darauf, dass die Bilder etwas mit dem Thema ihrer Homepage zu tun haben. Bilder, die vom Seitenthema abweichen, sollte man besser weglassen.