Dieses JavaScript errechnet aus dem Systemdatum und ihrer Vorgabe die Differenz in Tagen und zeigt eine entsprechende Meldung an Ort und Stelle an.
Up-Downcounter / Stundenzähler mit 5 Ausgabeoptionen
In etwa X Stunden: Beginn des Events
Hier werden 2 Datumswerte einbezogen:
Aktuelles Datum + Uhrzeit und Zieldatum + Uhrzeit.
Das Startdatum für den Zähler ist hier das aktuelle Systemdatum, das Zieldatum liegt in der Zukunft (oder Vergangenheit). Die Differenz in Stunden wird ermittelt und über eine Schreibanweisung angezeigt.
Hier sehen Sie das Resultat der Schreibanweisung:
Beispiel 01 mit Zieldatum 'April 12 2010 8:05:00' (Einbindung in Fließtext):
Ende der Osterferien
Wisst Ihr in welcher Ecke Euer Schulrucksack sich 14 Tage versteckt hat? Sind die Tintenpatronen ausgetrocknet? Habt Ihr die Buntstifte angespitzt? Wo ist die Busfahrkarte?
Beispiel 02 mit Zieldatum 'June 9 2010 18:00:00' (Einbindung in Fließtext):
Eröffnungsfeier WM
Ist das Bier kalt gestellt? Ist der Anrufbeantworter eingeschaltet? Sind Schnittchen im Kühlschrank? Wo ist die Fernbedienung?
Up-Downcounter (Stundenzähler)
Neben der errechneten Stundendifferenz (Zahl) wird ein beschreibender Text angezeigt. Dieser Text kann im Script festgelegt werden. Neben der üblichen Anzeige sind 5 speziellere Unterscheidungen vorgesehen:
für die Stundenzahl von mehr als 48 Stunden Restzeit
für die Stundenzahl bis 48 Stunden Restzeit
für die Stundenzahl gleich 1 (aktuelle Stunde)
für die Stundenzahl weniger als 1 Stunde (vor einer Stunde)
für die Stundenzahl weniger als 2 Stunden (vor mehr als einer Stunde)
(Scriptauszug)
if (Stundenzahl > 48) {
document.write("In ungefähr " + StundenzahlAbs + " Stunden: " + TextBisZum);
}
else if (Stundenzahl >= 0 && Stundenzahl <= 48) {
document.write("Schon bald, in etwa " + StundenzahlAbs + " Stunden: " + TextBisZum);
}
else if (Stundenzahl == -1) {
document.write("Gerade jetzt, in dieser Stunde: " + TextBisZum);
}
else if (Stundenzahl <= -1 && Stundenzahl >= -2) {
document.write("Vor etwa 1 Stunde: " + TextBisZum);
}
else if (Stundenzahl <= -2) {
document.write("Vor etwa " + StundenzahlAbs + " Stunden: " + TextBisZum);
}
Die alternativen Texte können Sie abändern und erscheinen in dieser Form:
In ungefähr ...
Schon bald, in etwa ...
Gerade jetzt, in dieser Stunde ...
Vor etwa 1 Stunde ...
Vor etwa ...
In ungefähr ... Beginn des Bezirksschützenfests
Schon bald, in etwa ... Beginn des Bezirksschützenfests
Gerade jetzt, in dieser Stunde ... findet unser Bezirksschützenfest statt
Vor etwa 1 Stunde ... begann unser Bezirksschützenfest
Vor etwa ... begann unser Bezirksschützenfest
Aufwand
Script in den Head-Bereich kopieren
Datum + Zeit anpassen
Funktionsaufruf einkopieren (im Body da, wo der Text erscheinen soll)
Script testen
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'
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.
Vorgabe des Zieldatums
Zas Zieldatum wird mit der Variablen "Zieldatum" incl. Uhrzeit festgelegt
var Zieldatum = new Date('Janurary 1 2008 16:00:00');
Sie müssen die englischen Bezeichnungen für den Monat eintragen!
January February March April May June
July August September October November December
Positionierung der Anzeige
Den Funktionsaufruf kopieren Sie in den BODY-Bereich ihrer Seite an genau der Position ein, wo die Anzeige erfolgen soll. Beispiel:
Ferien sind cool. Hier Wir freuen und schon alle darauf.
Funktionsaufruf innerhalb des Body-Bereichs:
<script type="text/javascript" language="JavaScript">
<!-- Begin
StundenCounter();
// end -->
</script>