Count Down Generator

Countdown erstellt mit dem Generator von Werner-Zenk.de



Countdown

Hier ein Beispiel erstellt mit dem
CountDown-Generator von Werner Zenk.


Diese Generator gibt es auch für ein CountUp.


Bis zum 01 Januar 2025 / 00:00 Uhr sind es noch:


Time


Hier zur Info mein Skript, das ich mit dem Generator erstellt habe. Dieses JavaScript gehört in den Seiteneinstellungen in den Bereich "End of <body> code:"

<script type='text/javascript'>
    // Erstellt mit dem Countdown-Generator - Werner-Zenk.de
    // Die Monatsnamen bitte in englisch eintragen (Monatsname, Tag, Jahr, Uhrzeit)
    var end = new Date('January 01, 2025 00:00:00');
    function toSt2(n) {
      var s = '';
      if (n < 10) {
       s += '0';
      }
      return (s + n).toString();
    }
    function toSt3(n) {
     var s = '';
     if (n < 10) {
      s += '00';
     }
     else if (n < 100) {
      s += '0';
     }
     return (s + n).toString();
    }
    function countdown() {
     var d = new Date();
     var count = Math.floor(end.getTime() - d.getTime());
     if (count > 0) {
      var miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
      var seconds = toSt2(count%60); count = Math.floor(count/60);
      var minutes = toSt2(count%60); count = Math.floor(count/60);
      var hours = toSt2(count%24); count = Math.floor(count/24);
      var days = count;
      document.getElementById('c1').innerHTML = days + ' TAGE';
      document.getElementById('c2').innerHTML = hours + ':' + minutes + ':' + seconds
      setTimeout('countdown()', 100);
     }
     else {
      document.getElementById('c3').innerHTML = 'Die Zeit ist abgelaufen';
     }
    }
    countdown();
</script>


Zur Ausgabe des Skriptes ersetzt Ihr mit dem "Code-Editor" in irgendeinem Block den Beispieltext mit diesem Inhalt:

<div style="text-align: left;">
 <small>Bis zum 01 Januar 2025 / 00:00 Uhr sind es noch:</small><br>
 <span id="c1" style="font: bold 30px arial; color: #a61a3d;"></span><br>
 <span id="c2" style="font: bold 25px arial; color: #1dc9cb;"></span>
</div>



  • Siehe auch den fertigen Countdown-Block vom Mobirise-Thema "PersonaM4".

  • Adresse

    Schöne Strasse 1, Berlin

    Deutschland