Guten Abend ihr Lieben,
da ich totaler Anfänger in Sachen Javascript bin, bräuchte ich bitte Starthilfe bei dem Countdown timer, den ich gebastelt habe.
Das Problem ist, dass er Prima runterläuft, jedoch bei 00:00:00 nicht aufhört sondern in den Minusbereich geb :((
Kann mir da jemand helfen?
Code
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Contactform</title>
<style>
#clock{
font-family: 'open sans',sans-serif;
color: black;
display:flex;
font-weight: 100;
text-align: center;
font-size: 30px;
font-weight:700;
}
</style>
</head>
<body>
<div id="clock">
<div>Noch
<span class="hours"></span> :
<span class="minutes"></span> :
<span class="seconds"></span> :
<span class="mseconds"></span> !
</div>
<script>
function initializeClock(id, endtime) {
var clock = document.getElementById(id);
var hou = clock.querySelector('.hours');
var min = clock.querySelector('.minutes');
var sec = clock.querySelector('.seconds');
var mse = clock.querySelector('.mseconds');
function updateClock() {
var t = Date.parse(endtime) - Date.now();
hou.innerHTML=('0' + Math.floor((t/1000/60)%60%60)).slice(-2);
min.innerHTML=('0' + Math.floor((t/1000/60)%60)).slice(-2);
sec.innerHTML=('0' + Math.floor((t/1000)%60)).slice(-2);
mse.innerHTML=('0' + Math.floor((t%1000/10))).slice(-2);
if(t<50){
var clo=document.getElementById('clock');
clo.innerHTML='Ende 00 : 00 : 00 : 00 !';
clo.style.color='red';
}else{
var timeinterval = setTimeout(updateClock, 50);
}
}
updateClock();
}
var jahre=1;// noch nicht eingebaut
var tage=0;// noch nicht eingebaut
var stunden=0;//stunden
var minuten=0;//minuten
var sekunden=13;//sekunden
//-------------------------
var stun=stunden*60*60*1000;
var minu=minuten*60*1000;
var plus=stun+minu+sekunden*1000;
var deadline = new Date(Date.parse(new Date()) + plus);
initializeClock('clock', deadline);
</script>
</body>
</html>