Javaskript Timer läuft im Minusbereich ab.

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?

Der hier verwendete 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>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!