 Uhrzeitweiche 02 - Tageszeitabhänge Umleitung
Sie möchten abhängig von der Uhrzeit sofort auf bestimmte Dateien umleiten bzw. eine bestimmte HTML-Datei anzeigen lassen. Dieses Beispiel unterscheidet
3 Zeitbereiche des Tages und wird in 2 Versionen angeboten.
Es werden 3 (wahlweise 2) Zieldateien benötigt:
- eine Datei für den ersten Zeitabschnitt
- eine Datei für den zweiten Zeitabschnitt
- eine Datei für den dritten Zeitabschnitt (wahlweise)
Funktion
Eine Startdatei, deren Zweck es lediglich ist die Umleitung zu organisieren, beinhaltet das JavaScipt mit der Berechnungsfunktion und der Weiterleitung. Genau diese Datei wird aufgerufen und organisiert alles Weitere. Auf Grund der Geschwindigkeit mit der das alles geschieht, wird der Besucher ihrer Seiten diese (ansonsten leere) Datei nicht wirklich sehen. Er sieht eine der 3 Zieldateien.
Die Startdatei leitet weiter
Insgesamt benötigen sie 4 Dateien, 3 als Weiterleitungsziel und eine Startdatei ohne Inhalt, die sofort auf die Zieldatei umleitet. Die Startdatei ist also bis auf das Script im HEAD leer.
In den Body könnten sie eine kurze Nachricht wie "Sie werden weitergeleitet" notieren. Die meißten Besucher werden diese Nachicht sicher nicht sehen, weil die Zeitspanne zu kurz ist. Lediglich bei langsamen Verbindungsgeschwindigkeiten, oder wenn das Netz wieder einmal 'Schluckauf' hat, würde der Seitenbesucher durch die Nachricht die Gewissheit haben, das gerade etwas geschieht.
Eine 4. Datei also wird als Startseite benötigt. Im Head-Bereich dieser Startdatei wird das JavaScript eingetragen. (Textdatei des Scripts oben)
Zeitspanne (wahlweise 2 oder 3 Verweisdateien)
Wenn sie also nicht eine bloße Vorher- / Nachher-Weiche für eine Uhrzeit einrichten, sondern eine Zeitspanne während des Tages z.B. 10 bis 18 Uhr und die Zeitspannen davor und danach unterscheiden möchten, wird das im Gegensatz zum Beispiel 01 ein wenig komplizierter:
a) Man könnte hier zwischen 10 und 18 Uhr auf Datei02 und während der beiden anderen Zeispannen auf Datei01 umleiten .
b) Man könnte hier aber auch vor 10 Uhr auf die Datei01, von 10 - 18 Uhr auf die Datei 02 und nach 18 Uhr auf die Datei03 umleiten.
Option a für 2 Umleitungsziele
| Untersuchung der Uhrzeit |
Umleitung auf |
| wenn größer / gleich 10 und kleiner / gleich 18 dann |
Datei02 |
| sonst |
Datei01 |
|
<script type="text/javascript" language="JavaScript">
<!--
var now = new Date()
var Uhrzeit=now.getHours()
if (Uhrzeit >= 10 & Uhrzeit <= 18)
{
this.location.href="datei02.htm";
} else {
this.location.href="datei01.htm";
}
//-->
</script>
aktive Demo für den Stundenwert beim Laden der Seite
Option b für 3 Umleitungsziele
| Untersuchung der Uhrzeit |
Umleitung auf |
| wenn größer / gleich 10 und kleiner / gleich 18 dann ... |
Datei02 |
| wenn die 1. Bedingung nicht zutrifft: |
|
| wenn kleiner 10 dann ... |
Datei01 |
| wenn größer 18 dann ... |
Datei03 |
|
<script type="text/javascript" language="JavaScript">
<!--
var now = new Date()
var Uhrzeit=now.getHours()
if (Uhrzeit >= 10 & Uhrzeit <= 18) // Zeit von 10 - 18 Uhr
{
this.location.href="datei02.htm";
} else { // andere Zeit
if (Uhrzeit < 10) // vor 10 Uhr
{
this.location.href="datei01.htm";
} else { // andere Zeit
this.location.href="datei03.htm";
}
}
//-->
</script>
Erklärung: Untersuchung der Zeit
Eine Kopie des Objekts 'Date()', das Informationen zu Datum und Zeit beinhaltet, wird erstellt und in die Variable 'Heute' geschrieben.
var Heute = new Date();
Aus 'Heute' wird der Teil für die aktuelle Stunde ermittelt und in die Variable "Zeit" geschrieben.
var Zeit=Heute.getHours();
Mit "if - else" (entweder - oder) Anweisungen wird unterschieden, ob der ermittelte Wert der Vorgabe entspricht und der entsprechende Teil der Anweisung wird ausgeführt.
Zeitspanne
Sie können natürlich auch in der Option b vor 10 und nach 18 Uhr auf ein und die gleiche Datei verweisen indem sie in beiden Fällen auf die Datei 'datei01.htm' verweisen. Damit hätte das Script der Option b die gleiche Funktion wie das Script der Option a.
Wenn sie lediglich eine bloße Vorher- / Nachher-Weiche für eine Uhrzeit einrichten möchten, reicht auch die simple Version:
 Beispiel Uhrzeitweiche 01
datumsabhängige Umleitung - vor / während / nach
datumsabhängige Textausgabe - vor / während / nach
tageszeitabhängige Textausgabe (4 uhrzeitabhängige Texte)
|
HOME
Demo 
DOWNLOAD 
ZURÜCK