Datum + statische Uhrzeit 1
Beispiel zur statischen Abzeigen von Wochentag, Datum und Uhrzeit. Durch 4 einzelne Funktionen können sie entsprechend aus 4 Darstellungsmöglichkeiten wählen. Beispiele: Formatierung und Anwendung.
Nun wird auch die Jahreszahl im FF korrekt angezeigt. Im Script wird zur Ermittlung der (vierstelligen) Jahreszahl statt getYear() nun getFullYear() verwendet.
statische Anzeigen
Dieses Script bietet Ihnen zusätzlich 4 unterschiedliche statische Anzeigeformen die sie mit nur einem Script verwirklichen können. Wenn sie das Script zentral in einer externen JavaScript-Datei ablegen, stehen ihnen die Funktionen in allen Seiten zur Verfügung. Abhängig vom Einsatzbereich haben sie dann die Wahl zwischen 4 unterschiedliche Anzeigeformaten.
Anzeigeergebnisse der 4 Einzelfunktionen:
JavaScript-Code der Aufrufe in der gleichen Reihenfolge
<script type="text/javascript" language="JavaScript">
<!--
AllesSchreiben();
//-->
</script>
<script type="text/javascript" language="JavaScript">
<!--
WochentagSchreiben();
//-->
</script>
<script type="text/javascript" language="JavaScript">
<!--
DatumSchreiben();
//-->
</script>
<script type="text/javascript" language="JavaScript">
<!--
ZeitSchreiben();
//-->
</script>
Textformatierung
Das Script schreibt Datum und statische Uhrzeit in die HTML-Seite. Die Formatierung der Darstellung können sie mittels Style-Angaben beeinflussen. Dazu schließen sie den Funktionsaufruf in eine CSS-<span>-Anweisung ein:
Beispiel für die CSS-Formatierung der Darstellung unten:
<span style="color:#DFDFDF;font-size:20px;font-weight:bold;">
<script type="text/javascript" language="JavaScript">
<!--
funktion();
//-->
</script>
</span>
Beispiel einer Anwendung
Die Funktionen können natürlich auch in anderen Bereichen eingesetzt werden. Beispielsweise können sie in den ganz normalen Fließtext integriert werden:
Na, was machst du denn am heutigen
<script type="text/javascript" language="JavaScript">
<!--
WochentagSchreiben();
//-->
</script>
, gehst du schon wieder ins Kino?
Na, was machst du denn am heutigen
, gehst du schon wieder ins Kino?

Grundsätzliche Erklärungen zum date()-Objekt und den Möglichkeiten die Informationen für Datum und Zeit in Scripten weiter zu verarbeiten, finden sie auf der Seite
Datum Einführung 02 - Übersicht
Die Möglichkeit Datum und Uhrzeit dynamisch anzeigen zu lassen, wobei ein Update jede Sekunde stattfindet, finden sie auf der Seite
Datum und Uhrzeit dynamisch darstellen
Ein weiteres Beispiel der Datumsanzeige mit 6 unterschiedlichen Darstellungsmöglichkeiten, finden sie auf der Seite
Datum als Text einbinden
Wie wärs mit einen Mini-Kalenderblatt für ihre Seite? Die Farben können sie leicht anpassen.
Mini-Kalenderblatt

|