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".