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 Bausteinen (Snippets) aus den Bereichen CSS, PHP, JavaScript und MySQL.

CSS - Leuchtende blaue Eingabefelder

PHP - Punkte-Bewertung mit Sternen

JavaScript - Position der Einfügemarke in einem Textfeld ermitteln

MySQL - Datensatz Wert um 10% veringern