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.

<blockquote> Block-Zitat

CSS - Bild mit Impuls

PHP - Zeichenkette nach Tabulator trennen

JavaScript - outerHTML - Quelltext anzeigen

MySQL - Datensatz Wert um 5% erhöhen

Hintergrund-Sound
Ein gutes Mittel, um Besucher zu vergraulen. Hintergrundsound erhöht die Ladezeiten, hat eine billige Qualität und lässt sich oft nicht abschalten. Jeder hat einen anderen Musikgeschmack, den Sie so oder so fast nie treffen können. Daher bieten Sie einen Ein- und Ausschaltknopf für Hintergrundmusik an. So kann jeder Besucher individuell die Musik ein/ausstellen.