IT-Academy Logo
Sign Up Login Help
Home - Internet - Webdesign - HTML - Das Datum mit JavaScript und HTML



Das Datum mit JavaScript und HTML

Wie Sie mit JavaScript das aktuelle Datum in Ihre HTML-Seite einbinden und was Sie alles mit dem Datum machen können wird in diesem Artikel erklärt.


Autor: P N (notzomedia)
Datum: 28-11-2003, 22:21:49
Referenzen: http://selfhtml.teamone.de/
Schwierigkeit: Anfänger
Ansichten: 10041x
Rating: 8 (2x bewertet)

Hinweis:

Für den hier dargestellte Inhalt ist nicht der Betreiber der Plattform, sondern der jeweilige Autor verantwortlich.
Falls Sie Missbrauch vermuten, bitten wir Sie, uns unter missbrauch@it-academy.cc zu kontaktieren.

[Druckansicht] [Als E-Mail senden] [Kommentar verfassen]



Einleitung

Vielleicht wollten Sie schon immer mit ein paar kleinen Extras auf Ihrer privaten Homepage glänzen. Hier lernen Sie wie Sie ganz einfach das aktuelle Datum auf der Seite anzeigen, oder auch kleine Spielereien mit dem Datum einbinden.

Kopieren Sie den folgenden Text in der Schreibmaschinen-Schriftart einfach in den Windows-Editor und speichern Sie diesen unter einem Namen mit ".htm"-Endung (jedes Beispiel in eine neue Datei). Diese Dateien können Sie anschließend mit Ihren Browser öffnen!

<html><head><title>Datum</title>
<script type="text/javascript">
<!--
function datum_setzen()

//-->
</script>
</head><body OnLoad="datum_setzen()">
<Form name="aktuellesdatum">
<input type="text" name="datum" size="10" readonly="true">
</Form>
</body></html>

Beim Laden der Seite wird die Funktion "datum_setzen" aufgerufen. Diese Funktion schreibt das aktuelle Datum ins Textfeld:
Zuerst wird mit

datum.getDate()

der Monatstag ermittelt und nach Bedarf eine Null voran gestellt. Danach wird mit

datum.getMonth()

der aktuelle Monat ermittelt, dabei ist zu beachten, dass die Monatszählung bei 0 anfängt, deshalb wird bei allen Monatsoperation 1 dazu addiert.
Danach wird mit

datum.getFullYear()

das Jahr addiert, nachdem alles zusammen gesetzt wurde wird die fertige Zeichenfolge (mit Punkten zwischen den Daten) in das Textfeld geschrieben.

Mit dem folgenden Script können Sie die Anzahl der verbleibenden Tage, Monate und Jahre bis zu einem bestimmten Datum berechnen lassen und in drei Textfeldern ausgeben:

<html><head><title>Datum</title>
<script type="text/javascript">
<!--
function berechnen()

//-->
</script>
</head><body OnLoad="berechnen()">
<Form name="frmdatum">
<input type="text" name="tage" size="10" readonly="true">Tage bis zum 01.01.2005<BR>
<input type="text" name="monate" size="10" readonly="true">Monate bis zum 01.01.2005<BR>
<input type="text" name="jahre" size="10" readonly="true">Jahre bis zum 01.01.2005
</Form>
</body></html>

Zuerst werden der aktuelle Monatstag, der aktuelle Monat mal 30 (30 Tage pro Monat) und das aktuelle Jahr mal 360 (360 Tage pro Jahr) addiert und in die Variable "aktuelle_tage" geschrieben. Anschließend wird das Verfahren für den 01.01.2005 wiederholt und die beiden Zahlen werden voneinander subtrahiert.
Es kommt die Anzahl der verbleibenden Tage bis zum festgelegten Datum heraus, diese wird anschließend wieder in Tage, Monate und Jahre umgerechnet.
Die Funktion

Math.floor(1.2)

gibt die nächst kleinere natürliche Zahl zurück, hier 1.

Die berechneten Werte werden in die drei Textfelder auf der Seite geschrieben.


[back to top]



Userdaten
User nicht eingeloggt

Gesamtranking
Werbung
Datenbankstand
Autoren:04508
Artikel:00815
Glossar:04116
News:13565
Userbeiträge:16552
Queueeinträge:06245
News Umfrage
Ihre Anforderungen an ein Online-Zeiterfassungs-Produkt?
Mobile Nutzung möglich (Ipone, Android)
Externe API Schnittstelle/Plugins dritter
Zeiterfassung meiner Mitarbeiter
Exportieren in CSV/XLS
Siehe Kommentar



[Results] | [Archiv] Votes: 1150
Comments: 0