Datum + Uhrzeit statisch 1
    


WWW.WEB-TOOLBOX.NET

ScriptCode ZURÜCK SITEMAP  

 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:

1)  

2)  
3)  

4)  



   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







NACH OBEN