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