Counter 02 - Downcounter Zieldatum innerhalb 365 Tage
Bei diesem Counter wird zunächst innerhalb des Kalenderjahres bis zum festgelegten Datum herunter gezählt. Nach Überschreiten des Datums wird automatisch der gleiche Kalendertag des folgenden Jahres als Ziel festgelegt.
Differenz in Tagen - gleiches Zieldatum jedes Jahr
Noch X Tage bis zum 1. Mai + aktuelle Jahreszahl
Der Countdown bewegt sich immer im 365-Tage-Bereich! Alternative: UpDownCounter Kalenderjahr
Das Zieldatum liegt immer in der Zukunft. Entweder innerhalb des laufenden Kalenderjahres oder im folgenden Kalenderjahr.
Die Anzahl der Tage bis zum festgelegten Tag und Monat wird ermittelt und über eine Schreibanweisung angezeigt.
Einsatzbereich
Der Counter eignet sich also für immer wiederkehrende Ereignisse am gleichen Tag eines Jahres, wie Geburtstage, Weihnachten, Neujahr, ... .
Die Textmeldung können Sie besonders hervorheben, indem Sie eine formatierte Anzeigebox definieren und das Ergebnis der Screibanweisung innerhalb der Box anzeigen lassen. Eine Darstellung innerhalb eines Fließtextes ist natürlich auuch möglich. Notieren Sie den Funktionsaufruf dort wo der Text erscheinen soll.
Hier sehen Sie beide Anzeigen als Countdown für die Anzahl der Tage bis zum 1. Mai.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit. . Augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Er bietet für die Textausgabe zwei unterschiedliche Meldungen.
Vorgabe
Textmodul
Jahr
Zeit
Noch X Tage bis zum
Tag der Arbeit
Jahreszahl
Zukunft
Heute ist der
Tag der Arbeit
Jahreszahl
Gegenwart
Aufwand für den Webmaster
Script im Head-Bereich einkopieren
Funktionsaufruf einkopieren (im Body da, wo der Text erscheinen soll)
Kalendertag + Kalendermonat anpassen
Beschreibungstext anpassen
Bitte entnehmen Sie den gesamten Quellcode für dieses Beispiel der Textdatei (Link oben im Kopfbereich). Dort können Sie ebenfalls eine Demo- bzw. eine Beispieldatei abrufen. Infos und Erklärungen zum 'Einbauen' von JavaScript finden Sie im JavaScript Menü 01 oder gezielt auf der Seite Kurzinfo JavaScript 'einbauen'
für Schnellstarter
Wenn Sie der Anleitung zum Einbau folgen ist alles Notendige getan. Lassen Sie sich von den langen Erklärungen hier nicht abschrecken und führen die oben aufgelisteten Schritte durch.
Falls Sie dann das Modul anpassen möchten, weitere Erklärungen benötigen oder mehr über die Funktionsweise erfahren wollen, lesen Sie den betreffenden Abschnitt unten.
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:
Modul zur Textausgabe mit Counter plus Beschreibung. Das Zieldatum (Tag + Monat) bezieht sich immer auf den nächst möglichen Termin für die festgelegten Werte in der Zukunft.
Die Textausgabe könnte lauten:
Noch xx Tage bis zur Saisoneröffnung
Heute ist Saisoneröffnung
Noch xx Tage bis zum Geburtstag
Heute ist mein Geburtstag
Der Counter kann natürlich auch für andere Anwendungen eingesetzt werden (Ostern, Geschäftseröffnung, usw.), die Beschreibungstexte müssen dann angepasst werden.
Zur Anpassung ändern Sie im Script:
Variable
Wert
für
ersetzen mit
Beschreibung
"Frühlingsanfang am 21. März"
Beschreibung
ihrer Beschreibung
KalenderTag
21
ZielTag
gültiger numerischer Wert
Kalendermonat
3
ZielMonat
gültiger numerischer Wert
Arbeitsweise
3 Angaben werden vom Benutzer eingetragen:
var KalenderMonat = 3;
var KalenderTag = 21;
Beschreibung = "Frühlingsanfang am 21. März";
Vom vorgegebenen KalenderMonat wird 1 subtrahiert (weil für JavaScript Januar der Monat 0 ist, Februar der Monat 1, März der Monat 2, usw.):
var Monat = KalenderMonat-1
Ein Datumsobjekt wird geschaffen, dabei wird die Jahreszahl dem aktuellen Datum entnommen:
var Heute = new Date()
// Ihre Einträge für das Zieldatum
var KalenderMonat = 5;
var KalenderTag = 1;
// für JavaScript
KalenderMonat = KalenderMonat-1;
var Jahrestermin = new Date(Heute.getFullYear(), KalenderMonat, KalenderTag)
Mit diesem Datumsobjekt im Vergleich mit dem aktuellen Datum rechnet das Counter-Script die Differenz in Tagen aus.
Wenn der aktuelle Wert für Tag + Monat größer als das Zieldatum ist (Datum überschritten), wird die Jahreszahl um 1 erhöht und mit diesem neuen Wert für den Jahrestermin weiter gerechnet.
Logisch: An dem 1. Tag für den das zutrifft, muss der Counter den Wert 364 haben. Schließlich zählt er bis zum Datum (Tag + Monat) des nächsten Jahres. Das stimmt, soweit nicht ein Schaltjahr die Berechnung leicht verschiebt (im Schaltjahr also möglicherweise 365).
Erweiterung
Statt Monat und Tag für das Zieldatum von Hand einzutragen, könnte man eine Rechenoperation voranstellen, welche diese beiden Werte für einen 'beweglichen' Feiertag berechnet. So könnte man z.B. Einen Counter bis zum ersten Adventssonntag, bis zum Beginn der Sommerzeit oder bis zum 1. des kommenden Monats herstellen.
Home • Datum • Datum oder Zeit
Quellcode
Bei diesem Counter wird zunächst innerhalb des Kalenderjahres bis zum festgelegten Datum herunter gezählt. Nach Überschreiten des Datums wird automatisch der gleiche Kalendertag des folgenden Jahres als Ziel festgelegt.
UpDownCounter Kalenderjahr
JavaScript Menü 01 oder gezielt auf der Seite 
Falls Sie dann das Modul anpassen möchten, weitere Erklärungen benötigen oder mehr über die Funktionsweise erfahren wollen, lesen Sie den betreffenden Abschnitt unten.
Nachdem Sie das Datum verstellt haben, laden Sie die Seite neu, indem Sie 'Aktuelle Seite neu laden' (Refresh) anklicken.
Counter 02 - Downcounter 