Datum + Uhrzeit statisch 1
 HomeZeit • Datum Uhrzeit statisch Quellcode   drucken  Seite drucken

Datum + Uhrzeit statisch 01

Beispiel zur statischen Abzeigen von Wochentag, Datum und Uhrzeit. Durch 7 einzelne Funktionen können Sie aus 7 Darstellungskombinationen wählen. Beispiele: Formatierung und Anwendung.
uhrzeit clock statisch balkenuhr Std Min Sek

Datums- Uhrzeitinformationen beim Laden anzeigen

Dieses Modul bietet Ihnen 7 unterschiedliche statische Anzeigeoptionen für Datum-Uhrzeit-Infos die Sie mit nur einem Script umsetzen 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 entscheiden Sie sich für das passende Anzeigeformat.

Anzeigeergebnisse der 7 Einzelfunktionen:

1) 2) 3)
4) 5) 6)
7)



JavaScript-Code für die oben angezeigten Infos. Aufrufe der Funktionen in der gleichen Reihenfolge

<script type="text/javascript" language="JavaScript">
<!--
Wochentag();
//-->
</script>

<script type="text/javascript" language="JavaScript">
<!--
Datum();
//-->
</script>

<script type="text/javascript" language="JavaScript">
<!--
Zeit();
//-->
</script>

<script type="text/javascript" language="JavaScript">
<!--
TagZeit();
//-->
</script>

<script type="text/javascript" language="JavaScript">
<!--
TagDatum();
//-->
</script>

<script type="text/javascript" language="JavaScript">
<!--
DatumZeit();
//-->
</script>

<script type="text/javascript" language="JavaScript">
<!--
TagDatumZeit();
//-->
</script>



   Textformatierung

Das Script schreibt die statische Uhrzeit mit oder ohne Datum und in die HTML-Seite. Die Formatierung der Darstellung können Sie mit Style-Angaben beeinflussen. Dazu schließen Sie den Funktionsaufruf in eine CSS-<span>-Anweisung ein und notieren entsprechende Inline-Anweisungen:

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">
<!--
TagDatumZeit();
//-->
</script>

</span>




   Beispiel einer Anwendung 1

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">
<!--
Wochentag();
//-->
</script>

, gehst du schon wieder ins Kino?


Ergebnis:

Na, was machst du denn am heutigen , gehst du schon wieder ins Kino?




   Beispiel einer Anwendung 2

Sie haben diese Webseite am

<script type="text/javascript" language="JavaScript">
<!--
Datum();
//-->
</script>

um

<script type="text/javascript" language="JavaScript">
<!--
Zeit();
//-->
</script>

aufgerufen

Ergebnis:

Sie haben diese Webseite am um aufgerufen.






Das könnte Sie auch interessieren: