Text Zeitabhängig
 HomeZeit • Text zeitabhängig Demo  Quellcode 

Textausgabe - Wochentag / Wochenende

Wochentags ein zeitabhängiger Text: 'Guten Morgen ... ' oder 'Unser Büro ist jetzt besetzt' als Hinweis auf die Erreichbarkeit für eine Firmenseite. Die Einsatzmöglichkeit ist vielseitig. Mein Modul kann angepasst werden und sieht zur Zeit 6 Texte vor.
textanzeige zeitabhängig uhrzeit wochentag wochenende

Mo. - Fr. einen von 5 unterschiedlichen Texten, Wochenende: 1 Text

UPDATE  31.03.2016  5 Zeitspannen, Anzeige in einer Div-Box, CSS-Formatierung

Von Montag - Freitag soll (je nach Tageszeit) einer von 5 unterschiedlichen Texten in die HTML-Seite geschrieben werden. Abhängig von der Tageszeit wird ein für die Zeitspanne vorgesehener Text ausgewählt. Am Samstag und Sonntag soll eine Standard-Meldung angezeigt werden. Zusätzlich kann die Uhrzeit (statisch) angezeigt werden.


Life-Demo - Erzeugter Text für den heutigen Tag zur aktuellen Zeit:

 
// Texte für Wochentage hier eintragen
var TextModul01 = "Immer noch vor dem Bildschirm?";
var TextModul02 = "Einen schönen Morgen wünsche ich";
var TextModul03 = "Hallo, willkommen auf meinen Seiten";
var TextModul04 = "Ich wünsche Ihnen einen guten Tag";
var TextModul05 = "Ich wünsche Ihnen einen angenehmen Abend";

// Text für Wochenende hier eintragen
var TextModul06 = "Ich wünsche Ihnen ein schönes Wochenende";

Funktionen des Moduls ★ Arbeitstage / Wochenende


Nach meiner Erweiterung können Sie bei der Textanzeige optional die aktuelle Uhrzeit voranstellen. Dazu wird für die Variable 'ZeitAnzeige' der Wert '1' eingetragen.

Hier werden für die Tage Montag - Freitag 5 Zeitspannen unterschieden. Für das Wochenende (Sa. + So.) wird ein Standard-Text angezeigt. Sie können die Texte und Zeiten natürlich anpassen.

Von Montag - Freitag:
Zeitspanne 1 (bis 06 Uhr): Immer noch vor dem Bildschirm?
Zeitspanne 2 (bis 11 Uhr): Einen schönen Morgen wünsche ich
Zeitspanne 3 (bis 13 Uhr): Hallo, willkommen auf meinen Seiten
Zeitspanne 4 (bis 21 Uhr): Ich wünsche Ihnen einen guten Tag
Zeitspanne 5 (bis 24 Uhr): Ich wünsche Ihnen einen angenehmen Abend

Am Wochenende:
Ich wünsche Ihnen ein schönes Wochenende


Für eine andere Anwendung z. B. Hausmeisterservice:

Von Montag - Freitag:
Zeitspanne 1 (bis 08 Uhr): Unser Notddienst ist erreichbar unter 01234-3333
Zeitspanne 2 (bis 13 Uhr): Hausmeisterservice erreichbar unter 01234-1111
Zeitspanne 3 (bis 14 Uhr): Bürozeit - Telefon: 05555-7777
Zeitspanne 4 (bis 20 Uhr): Hausmeisterservice erreichbar unter 01234-1111
Zeitspanne 5 (bis 24 Uhr): Unser Notddienst ist erreichbar unter 01234-3333

Am Wochenende:
Unser Techniker ist erreichbar unter 01234-4444




Aufwand für die Einbindung

1) Scriptcode im Head notieren
2) Funktionsaufruf im Body notieren
3) Texte anpassen
4) Zeitvorgaben anpassen

Kurzinfo JavaScript in ein HTML-Dokument 'einbauen'

Der Text wird an der Stelle in Ihr Dokument geschrieben, wo Sie den DIV-Bereich für die Anzeige notieren.
<div id="AnzeigeText"> </div>
Die DIV-Box mit der ID 'AnzeigeText' und der darin angezeigte Text wird mit CSS-Angaben formatiert:
<style type="text/css">
<!--

#AnzeigeText {
width: 542px;
font-family: Verdana,sans-serif;
color: #0070C0;
font-size: 12px;
line-height: 130%;
text-align: left;
font-weight: normal;
border: 1px solid #FF00FF;
padding: 3px;
}

-->
</style>



1  Texte

6 unterschiedliche Textmodule wurden festgelegt. Ändern Sie die Texte innerhalb der Anführungszeichen, je nach Einsatzbereich des Moduls.
// Texte für Wochentage hier eintragen
var TextModul01 = "Immer noch vor dem Bildschirm?";
var TextModul02 = "Einen schönen Morgen wünsche ich";
var TextModul03 = "Hallo, willkommen auf meinen Seiten";
var TextModul04 = "Ich wünsche Ihnen einen guten Tag";
var TextModul05 = "Ich wünsche Ihnen einen angenehmen Abend";

// Text für Wochenende hier eintragen
var TextModul06 = "Ich wünsche Ihnen ein schönes Wochenende";

2  5 Zeitspannen für die Tage Mo. - Fr. durch 4 festgelegte Uhrzeiten

Innerhalb der Funktion werden die Textmodule abhängig vom aktuellen Stundenwert ausgewählt. Ich definiere für die Zeitwerte 4 Variablen. Die Zeiten werden so zentral festgelegt und müssen nicht mehr innerhalb der Anweisungszeilen eintragen werden. Das soll Fehler bei der Anpassung ausschießen. Ändern Sie die Vorgaben je nach Einsatzbereich des Script-Moduls.
// Uhrzeiten festlegen voller Stundenwert
// Beispiel: Stundenwert 5 gültig bis 5:59 Uhr)
var Zeit01 = 5;
var Zeit02 = 10;
var Zeit03 = 12;
var Zeit04 = 20;
Die Zeitvorgaben für dieses Beispiel sind also:

00:00 - 05:59 Uhr
06:00 - 10:59 Uhr
11:00 - 12:59 Uhr
13:00 - 20:59 Uhr
ab 21 Uhr


3  If-Schleifen für die Optionen

Zunächst wird abhängig von der Uhrzeit eines der Textmodule 1 - 4 ausgewählt:
if (StdAktuell < Zeit01) TextModul = TextModul01;
else if (StdAktuell < Zeit02) TextModul = TextModul02;
else if (StdAktuell < Zeit03) TextModul = TextModul03;
else if (StdAktuell < Zeit04) TextModul = TextModul04;
else TextModul = TextModul05;
Am Wochenende (Sa. + So.) wird die oben ermittelte Auswahl durch die nächste Anweisung überschrieben ...
// überschreibt vorherige Festlegung am Sonntag + Samstag
if (Wochentag == 0 || Wochentag == 6) {
TextModul = TextModul06;
}
... und das Textmodul 6 ausgewählt.

Das hätte ich auch anders lösen können indem ich von vorneherein abgefragt hätte: Wenn jetzt gerade Wochenende (Sa. / So.) ist dann ... , falls nicht dann ... . Aber ich wollte Ihnen auch diese Möglichkeit einmal aufzeigen.

Beachten Sie: Für die Entscheidung welches Textmodul angezeigt werden soll untersucht das Script die Stundenwerte der Uhrzeit und den Wochentag der aktuellen Werte beim Öffnen des HTML-Dokuments. Wird, während man die Seite betrachtet, ein Grenzwert für die Zeitspanne oder der Wechsel zu einem neuen Wochentag überschritten, ändert sich die Anzeige nicht mehr!

Demo Beispiel 01 ansehen





Das könnte Sie auch interessieren: