Countdown mit Tage, Stunden und Minuten

[Michi Löffler]

Hallo zusammen

Bietet Contao einen Countdown bis zu einem Stichtag an, aber inkl Stunden, Minunten und Sekunden ? Nicht nur die Tage ?
Was ähnliches wie es hier beim Countdown zur WM 2018 gibt ? http://www.webcountdown.de/?a=dUZsgoe

Vielen Dank und Grüsse
Michi

[Brubbel]

Hi Michi,

direkt "dabei" nicht, aber schnell selbst erstellt. Ich benutze für diese Zwecke folgendes Snippet:

<p id="zaehler"></p>

<script>
/* <![CDATA[ */
var countDownDate = new Date("Jan 01, 2018 00:00:00").getTime();

var x = setInterval(function() {

    var now = new Date().getTime();
    var distance = countDownDate - now;
    
    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
    //var seconds = Math.floor((distance % (1000 * 60)) / 1000);
        
    //document.getElementById("zaehler").innerHTML = days + " Tage " + hours + " Stunden "
    //+ minutes + " Minuten " + seconds + " Sekunden ";
    document.getElementById("zaehler").innerHTML = days + " Tage " + hours + " Stunden "
    + minutes + " Minuten ";
    
    if (distance < 0) {
        clearInterval(x);
        document.getElementById("zaehler").innerHTML = "Knall - Peng - Rumstataa!";
    }
}, 1000);
/* ]]> */
</script> 

#zaehler kannste dann einbauen und entsprechend anhübschen.

[Andreas]

Das ist rauskopiert von hier
https://www.w3schools.com/howto/howto_js_countdown.asp

Nimm besser den hier
https://www.sitepoint.com/build-java...-dependencies/

Der andere hakelt, vor allem, wenn die letzten Sekunden verstreichen. Das liegt evtl. daran, dass

new Date().getTime(); // value:1495033464531
// oder
Date.now(); // value:1495033496910 

die Millisekunden beinhalten. Bei

Date.parse(new Date()); // value:1495033527000 

stehen die letzten 3 Ziffern der Millisekunden immer auf "000".

Außerdem sieht diese Modulo-Rechnung einfacher aus.

Als Datum kannst du auch eine einfache Schreibweise benutzen.

Date.parse('2017-05-17 20:15:09'); // value:1495044909000 

[Michi Löffler]

Vielen Dank für Eure Unterstützung und Hinweise. Konnte es anhand der Informationen erstellen.

Vielen Dank und Grüsse
Michi

[pleenwise]

Einfaches Bundle mit Content Element, das Tage/Stunden/Minuten/Sekunden ausgibt, und bei Ablauf auf 0 stehen bleibt:
agonyz/contao-countdown-bundle

Basic Styling kommt mit. Falls jemand also keine höheren Ansprüche hat, mir hat das grade weitergeholen

[Schmidty]

https://github.com/w3scout/contao-timetags-bundle
läuft auch unter Contao 5.3

[zoglo]

Bin mir unsicher, ob die serverseitige Anzeige nicht fehlerhaft ist, wenn der Seitencache aktiviert wird.
Eine JavaScript-Lösung scheint mir hier eventuell die bessere Wahl