Event-Counter 02  Counter als Verweisfläche

Dieses JavaScript errechnet aus dem Systemdatum und ihrer Vorgabe die Differenz und zeigt die Tages-, Stunden-, Minuten- und Sekundenwerte als grafischen Counter mit digitalen Ziffern an. Zusätzlich wird eine Textmeldung eingeblendet die beim Wechsel (up/down) verändert wird.

1) Script in den Head-Bereich kopieren 2) Aufruf der Funktion in den Body-Bereich kopieren 3) Grafiken abspeichern 4) Datum und Uhrzeit anpassen JavaScript in ein HTML-Dokument 'einbauen'

Der Aufwand zur Anpassung des Event-Counters ist recht gering: Sie passen das Datum an und setzen die entsprechende Hintergrundgrafik ein. Weil der Counter als Link eingesetzt werden soll, müssen die URL und der Hinweistext für MouseOver noch eingetragen werden. Wählen sie eine Option für die Anzeige der verlinkten Seite im gleichen bzw. in einem neuen Fenster, fertig. Sie können eigene Grafiken herstellen (144 × 97) oder laden eine Grafik aus meinem Angebot herunter (unten).

Vor einer Hintergrundgrafik werden eine kurze Textmeldung und die Grafiksymbole des Counters angezeigt. Screenshots: Wenn dieser Counter zunächst als DownCounter eingesetzt wird, schaltet er bei Erreichen des festgelegten Zeitpunkts automatisch um und beginnt mit dem UpCount.	screenshot
Nach dem Umschalten vom Down- zum UpCounter wird die vorher angezeigte kurze Textmeldung ab diesem Zeitpunkt durch eine andere ersetzt. Siehe Screenshots rechts. Infos zur verwendeten Grafik finden sie weiter unten. Die digitalen Ziffern habe ich selbst erstellt und liegen in diversen Versionen vor.	screenshot

<script type="text/javascript" language="JavaScript">
<!-- Begin

EventCounter02()

//  End -->
</script>

// hier URL eintragen wenn der Counter als Verweis dienen soll
// sonst "#" eintragen
var URL = "http://www.web-toolbox.net/advent/index.htm";

// hier Target eintragen wenn der Counter als Verweis dienen soll
// gleiches Fenster "_self" eintragen
// neues Fenster "_blank" eintragen
var Target = "_blank";

// hier Info-Text eintragen wenn der Counter als Verweis dienen soll
// sonst " " leer lassen
var InfoVerweis = "zum Adventskalender der Web-Toolbox"

// hier Datum eintragen
// Jan, Feb, Apr, May, Jun, Jul, Aug, Sep, Oct, Nov, Dec
var Zieldatum = new Date('Dec 24 2009 15:00:00');

// Texte vor / nach
var Beschreibung01 = "Zeit bis zum Beginn";
var Beschreibung02 = "Zeit seit dem Beginn";

// Pfad und Dateiname Hintergrundgrafik
var Grafik = "images/bg-schulferien.jpg";

// Randfarbe für die Darstellung
var Randfarbe = "#009F00";

// das waren alle wichtigen Änderungen :::::

// Pfad und Dateiname Hintergrundgrafik
var Grafik = "pfad/dateiname.jpg";

Neben einer Version für Tage - Stunden - Minuten - Sekunden wird es eine Variante für Jahre - Tage - Stunden - Minuten geben.