 Downcounter 03 - dynamische Anzeige
Dynamischer Counter ohne Grafiken der bis zum festgelegten Datum herunter zählt. Nach Überschreiten des Datums wird die Anzeige auf Null gestellt.
Counter bis zur EM, Oympiade, Wintersaison, Weihnachten, Geburtstag, ...
XXX Tage XX Std XX Min XX Sek
Die Anzeige wird im Sekundentakt aktualisiert. Dabei wird eine schlichte Anzeige 'ohne Schnörkel' generiert.
Das Zieldatum liegt immer in der Zukunft. Am Kalendertag nach Überschreiten des Zieldatums werden sämtliche Ziffern auf Null gestellt.
|
 |
Hier sehen sie die Anzeige als Countdown bis 24. Dezember 2020.
Aufwand für den Webmaster
- Script im Head-Bereich einkopieren
- Kalenderformular im Body notieren
- Zieldatum anpassen
 Kurzinfo JavaScript 'einbauen'
Zum Testen des Scripts:
verstellen sie das Systemdatum  Nachdem sie das Datum verstellt haben, laden sie die Seite neu, indem sie 'Aktuelle Seite neu laden' (Refresh) anklicken.
Anwendung:
Script für einen Counter mit oder ohne Beschreibung. Das Erscheinungsbild des Counters hängt von ihrer gewählten Schriftformatierung und 'Verpackung ab. Die meisten Angaben sind leicht anpassbar über CSS-Einträge festgelegt.
Zieldatum anpassen
Zur Anpassung ändern sie im Script:
| Variable |
Wert |
für |
ersetzen mit |
| var ZielDatum |
new Date(2020,12,24,12,00,00); |
Datumsangaben |
ihr Datum |
CSS-Formatierungen
<style type="text/css">
<!--
/* Formatierung Tabellenzellen */
td.kal {
font-family:Verdana,Arial,Helvetica;
font-size:11px;
font-weight:normal;
color: #000000;
background: #F8F8F8;
}
/* Formatierung Std Min Sek 2-stelliges Feld */
.two {
color: #000000;
border: none;
width: 25px;
text-align:right;
background: #F8F8F8;
}
/* Formatierung Feld Tagesszahl 5-stelliges Feld */
.five {
color: #000000;
border: none;
width: 30px;
text-align:right;
background: #F8F8F8;
}
-->
</style>
|
WWW.WEB-TOOLBOX.NET
Quellcode 
ZURÜCK 
