JavaScript - Countdown (4)

Dieser Rückwärtszähler zeigt die verbleibende Zeit in Sekunden und Millisekunden an.


<style>

div#countdown {
 
font-size30px;
 
font-weightBold;
 
colorWhite;
 
background-colorRed;
 
padding10px;
 
width320px;
 
marginAuto;
 
border-radius5px;
}
</
style>

<
div id="countdown"></div>

<
script>
function 
downTime() {
 var 
= new Date(2024121519000);
 var 
= new Date();

 var 
difference = (a-b) / 1000;
 
difference = new Intl.NumberFormat('de-DE', {style'decimal'useGrouping'true'}).format(difference);
 
document.getElementById("countdown").textContent =  "Sekunden: " difference;
 
window.setTimeout(downTime0);
}
downTime();
</
script>

https://developer.mozilla.org/de/[...]/Intl/NumberFormat

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<wbr> Zeilenumbruch erlauben

CSS - Kompass-Animation

PHP - Gerade oder ungerade Zahl ermitteln

JavaScript - Prüfen, ob die Zahl gerade oder ungerade ist

MySQL - Löschen eines Datensatzes oder mehrere Datensätze

Lernen beim Arbeiten
Viele Fehler werden beim Arbeiten an der Homepage erkannt und im weiteren Verlauf vermieden (Etwas daraus gelernt!). Auch das Lernen durch Ausprobieren, zum Beispiel einen bestimmten Wert einfach erhöhen und sehen was dann passiert ist sehr lehrreich.