Sprung zum Inhalt

Webdesign nach Maß von webdesign weisshart

Mein Blog

RSS Feed AbonnementRSS 2.0 Feed

zum Archiv und den Kategorien

Countdown zum Reload

Freitag, 24. Juni 2016

Die Seite sms2web.php mit dem Ticker kann nach einer konfigurierbaren Mindestzeit neu geladen werden, um die Anzeige des Tickers zu aktualisieren.
Die bis zum möglichen Reload verbleibende Zeit wird angezeigt.

tl;dr Weil ich danach gefragt wurde, hier eine Gebrauchsanweisung für Interessierte:

Dahinter steckt ein simples Javascript:

<script>
function countdown2(iCounter) {
if (iCounter > 0) {
iCounter–;
if (document.getElementById('counter')) {
 
sec = iCounter % 60;
if (sec < 10) {sec = '0'+sec;}
min = Math.floor(iCounter/60);
if (min < 10) {min = '0'+min;}
count = min +':' + sec;
if (iCounter == 0) {count = " jetzt ";}
 
document.getElementById('counter').innerHTML = count;
}
 
setTimeout(countdown2, 1000,iCounter);
} else {
document.getElementById('countdown').innerHTML = '<button type="button" id="neuladen" onclick="document.location.reload()">Ticker aktualisieren</button>';
}
}
</script>

Aufgerufen wird das Script (am Ende der Seite) mit

<script>countdown2(30);</script>

Wobei die 30 für die Anzahl Sekunden bis zum Reload steht.

An die Stelle, wo der Countdown angezeigt werden soll, kommt noch folgendes Snippet:

<div id="countdown">Nächste Aktualisierung: <span id='counter'></span></div>

Fertig!



Kommentare

Noch keine Beiträge.

Einen Kommentar abgeben

Damit Code-Beispiele richtig angezeigt werden, müssen Sonderzeichen maskiert werden (z.B. < zu &lt;).


(notwendig)

(notwendig)

Spamschutz:
Je nach Inhalt wird Ihr Kommentar eventuell nicht sofort angezeigt, sondern muss manuell freigeschaltet werden.

Archiv:

Kategorien:

Creative Commons Lizenzvertrag
Alle Texte (nicht Bilder!) Creative Commons CC BY-NC-SA 3.0 DE