JavaScript - Countdown (4)

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

<style>

div#countdown {

 font-size: 30px;

 font-weight: Bold;

 color: White;

 background-color: Red;

 padding: 10px;

 width: 320px;

 margin: Auto;

 border-radius: 5px;

}

</style>



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



<script>

function downTime() {

 var a = new Date(2024, 12, 15, 19, 0, 0, 0);

 var b = 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(downTime, 0);

}

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