Für die Arbeit mit Datum und Uhrzeit wird ein eingebautes Objekt verwendet Datum. Dieses Objekt hat keine Eigenschaften, verfügt aber über mehrere Methoden, mit denen Sie Datum und Uhrzeit festlegen und ändern können.

Ein Objekt Datum erstellt mit dem Operator neu und der Designer - Datum.

Zum Beispiel:

var myData=new Date();

Variablenwert meine Daten wird das aktuelle Datum und die aktuelle Uhrzeit sein:

Objektmethoden Datum Sie können die Werte für Monat, Wochentag, Stunden, Minuten und Sekunden separat abrufen:

• Verabredung bekommen– gibt eine Zahl im Bereich von 1 bis 31 zurück, die den Tag des Monats darstellt.
• getHours- gibt die Stunde des Tages im Bereich von 0 (Mitternacht) bis 23 zurück.
• getMinutes- Gibt Minuten im Bereich von 0 bis 59 zurück.
• getSeconds- Gibt Sekunden im Bereich von 0 bis 59 zurück.

Javascript-Datum

Schreiben wir nun die Funktion selbst nTime():

Funktion nTime(obj) ( var t=new Date(); var h=t.getHours(); var m=t.getMinutes(); var s=t.getSeconds(); var result=h+":"+m+ ::+s; obj.res.value=result; )

Hier möchte ich auch die Zeile klarstellen var result=h+“: „+m+“: „+s. Zum ersten Mal standen wir vor der Notwendigkeit, sowohl Variablenwerte als auch Klartext auszugeben. Im Prinzip nichts Kompliziertes: Variablen werden so geschrieben, wie sie sind, der Text wird in Anführungszeichen gesetzt und das Vorzeichen + führt die Verkettungsoperation aus, d. h. ihre Vereinigung.

In unserem Beispiel gab es einen Nachteil: Wir wollten, dass die Uhrzeit im Format „hh:mm:ss“ angezeigt wird, aber jetzt wird sie im Format „h:m:s“ angezeigt. Das heißt, um 5 Uhr morgens wird die Zeit als „5:0:0“ angezeigt, aber ich möchte, dass sie so aussieht: „05:00:00“ (was häufiger vorkommt). Als Hausaufgaben Sie können versuchen, das Problem zu beheben. Zum Beispiel mit dem Operator Wenn und das String-Literal „0“ (die Idee ist einfach: Wenn weniger als 10 Stunden vorhanden sind, dann das Ergebnis vorher H schreiben Sie „0“ usw. mit allen Variablen).

Lassen Sie uns in der Zwischenzeit die Methoden des Objekts weiter untersuchen Datum:

• getDay- gibt den Wochentag als Ganzzahl von 0 (Sonntag) bis 6 (Samstag) zurück.
• getMonth– gibt die Zahl des Monats im Jahr als Ganzzahl von 0 (Januar) bis 11 (Dezember) zurück.
• getYear- gibt das Jahr als letzte zwei Ziffern zurück ( getFullYear- gibt das Jahr vierstellig zurück).

  * Leider gibt es seit dem Jahr 2000 ein Problem mit der Jahresanzeige in verschiedenen Browsern. Die getYear-Methode im IE zeigt das gesamte Jahr an (anstelle der letzten beiden Ziffern) und FireFox zeigt 1XX anstelle von XX an (d. h. ersetzt 1). Daher ist es vorzuziehen, die Methode getFullYear zu verwenden.

Der HTML-Seitencode wird einfach sein:

Javascript-Datum

Schreiben wir nun die Funktion selbst tData():

Funktion tData(obj) ( var s; var t=new Date(); var y=t.getFullYear(); var d=t.getDate(); var mon=t.getMonth(); switch (mon) ( case 0: s="Januar"; Pause; Fall 1: s="Februar"; Pause; Fall 2: s="März"; Pause; Fall 3: s="April"; Pause; Fall 4: s="Mai "; Pause; Fall 5: s="Juni"; Pause; Fall 6: s="Juli"; Pause; Fall 7: s="August"; Pause; Fall 8: s="September"; Pause; Fall 9 : s="October"; break; Fall 10: s="November"; break; Fall 11: s="December"; break; ) var result=d+" "+s+" "+y; obj.res.value =Ergebnis; )

Es ist länger geworden als im ersten Beispiel, weil Ich muss die Namen der Monate ins Russische übersetzen.

Mit den oben beschriebenen Methoden können Sie das Datum ermitteln. Wenn wir das Datum festlegen müssen, sollten wir die folgenden Methoden verwenden:

• Datum einstellen- legt den Tag des Monats im Bereich von 1 bis 31 fest.
• setHours- stellt die Stunde für die aktuelle Uhrzeit im Bereich von 0 (Mitternacht) bis 23 ein.
• setMinutes- stellt Minuten im Bereich von 0 bis 59 ein.
• setSeconds- stellt Sekunden im Bereich von 0 bis 59 ein.
• setJahr- legt den Jahreswert fest.
• setMonth- legt den Monatswert im Bereich von 0 (Januar) bis 11 (Dezember) fest.
• Zeit einstellen- legt den Wert eines Objekts fest Datum und gibt die Anzahl der Millisekunden zurück, die seit dem 1. Januar 1970 vergangen sind.

Var t=new Date(); var y=t.setYear(2010); var d=t.setDate(6); var mon=t.setMonth(11); ...

Sie können das Datum direkt im Konstruktor festlegen, indem Sie als Parameter einen String im Format „Monat, Tag, Jahr Stunden:Minuten:Sekunden“ angeben:

Var t=new Date("10.02.1975 17:45:10");

Die Stunden, Minuten und Sekunden können weggelassen werden (sie sind dann Null):

Var t=new Date("Feb,10,1975");

Das gleiche Datum kann mithilfe von Zahlen angegeben werden, wobei Jahr, Monat, Tag, Stunden, Minuten und Sekunden durch Kommas getrennt aufgeführt werden:

Var t=new Date(75, 1, 10, 17, 45, 10);

Oder Stunden, Minuten und Sekunden weglassen (sie sind Null):

Var t=new Date(75, 1, 10);

Das ist alles, Sie sind bereit, selbst ein Skript zu schreiben, das beim Laden der Seite das Datum, die Uhrzeit und den Tag ihres Besuchs anzeigt (in normaler russischer Form). Viel Glück!

Eine weitere nützliche Funktion für Websites ist das Einfügen des aktuellen Datums. Dutzende Beispiele für Datumsskripte sind im Internet zu finden, aber viele davon sind meiner Meinung nach umständlich und daher hässlich. Inzwischen verwenden Standardmittel Mit JavaScript können Sie ganz einfach ein Datum in eine Website-Seite einfügen. Ich benutze es sehr oft! Auf dem Bild (Screenshot von der aktuellen Website) des Skazka-Anwesens!

Meiner Meinung nach könnte es nicht einfacher, ganz schön und verständlich sein. Wenn Sie den Aufbau dieses Skripts nicht studieren möchten, fügen Sie es einfach an einer beliebigen Stelle auf der HTML-Seite ein und erhalten Sie die folgende Inschrift:

Eine weitere erweiterte Option

//
// ]]>
// ]]>
// ]]>
// ]]>
// ]]>
! Heute
// + " " + d.getFullYear() + " g.");
// ]]>
// ]]>
// ]]>
// ]]>
// ]]>
// ]]>

Es sieht aus wie das:

Heute

Im Allgemeinen sind keine Kenntnisse erforderlich. Geben Sie einfach dumm den Code ein und alles ist in Ordnung!

Wir beginnen also damit, der Variablen d den Datumswert zuzuweisen, erstellen dann Arrays (Array) für Wochentage (Day) und Monate (Monat) und geben sie in der erforderlichen grammatikalischen Form an: Groß-/Kleinschreibung, Zahl, ggf. Großbuchstabe Wort erscheint am Anfang des Datums usw. .P. Die letzte Zeile des Skripts ist der eigentliche Datumsausdruck (document.write). Hier legen Sie fest, was und in welcher Reihenfolge Sie in der aktuellen Datumszeile anzeigen möchten. Komponenten werden durch ein +-Zeichen voneinander getrennt. Um ein Leerzeichen einzugeben, verwenden Sie die Konstruktion „ “, und um den Buchstaben g (Jahr) einzugeben, verwenden Sie die Konstruktion „ g “.

Wie Sie dem Skript entnehmen können, erfolgt das Abrufen von Daten zur aktuellen Zeit über das get-Element. Mit dieser Methode können Sie die folgenden Informationen erhalten:

• getDate() – gibt eine Zahl von 1 bis 31 zurück, die den Tag des Monats darstellt;
• getDay() – gibt den Wochentag als Ganzzahl von 0 (Sonntag) bis 6 (Samstag) zurück;
• getMonth() – gibt die Nummer des Monats im Jahr zurück;
• getFullYear() – gibt das Jahr zurück. Wenn Sie einfach getYear() verwenden, wird das aktuelle Jahr minus 1900 angezeigt;
• get Hours() – gibt die Stunde des Tages zurück;
• getMinutes() – gibt Minuten als Zahl von 0 bis 59 zurück;
• getSeconds() – gibt die Anzahl der Sekunden von 0 bis 59 zurück.

Es ist nicht immer praktisch, ein Java-Skript direkt in eine Website-Seite einzufügen. Es ist besser, die Beschreibung des Skripts am Anfang der Seite zwischen den Tags zu platzieren und eine Variable festzulegen, die wir bei Bedarf im Text aufrufen. Nennen wir es HEUTE und definieren darin die Datumsausgabeform ähnlich der oben. Das Skript sieht folgendermaßen aus:

Um das Datum anzuzeigen, rufen Sie das Skript an der gewünschten Stelle im HTML-Code der Seite mit dem folgenden Befehl auf:

document.write(HEUTE);

Wenn Ihre Site viele Seiten enthält, auf denen Sie das Datum anzeigen müssen, ist es bequemer, das Java-Skript zum Anzeigen des Datums in eine separate Datei zu trennen, z. B. data.js. In der Praxis handelt es sich hierbei um eine Seite bestehend aus dem ersten der beschriebenen Skripte, also mit der Zeile document.write (siehe oben). Es muss sich im selben Verzeichnis wie die Hauptseite befinden und an der Stelle aufgerufen werden, an der das Datum wie folgt angezeigt wird:

Vergessen Sie nicht, zu überprüfen, ob die Datei data.js die gleiche Codierung wie das Hauptdokument hat, da sonst das Datum mit wunderbaren Haken, Quadraten und anderen Tricks angezeigt wird.

Kommentar. Es ist zu beachten, dass das beschriebene Skript das auf dem Computer des Benutzers eingestellte Datum anzeigt, das nicht immer der tatsächlichen aktuellen Uhrzeit entspricht. Wenn Sie die genaue Uhrzeit anzeigen müssen, müssen Sie ein PHP-Skript verwenden, das die Uhrzeit auf dem Server anzeigt.

In dieser Lektion machen wir uns mit dem JavaScript-Datumsobjekt vertraut und lernen, wie man es in der Praxis verwendet.

In JavaScript erfolgt die Erstellung eines Datums mithilfe des Date-Objekts. Ein Date-Objekt stellt einen Punkt auf der Zeitachse dar und soll ein Datum und eine Uhrzeit mit Millisekundengenauigkeit speichern.

Beispiele für die Erstellung eines Datums in JavaScript.

1. Erstellen Sie das aktuelle Datum und die aktuelle Uhrzeit.

Das Abrufen des aktuellen Datums und der aktuellen Uhrzeit in JavaScript erfolgt durch Instanziieren eines Date-Objekts ohne Angabe von Parametern:

// aktuelles Datum (Datum und Uhrzeit zum Zeitpunkt der Erstellung der Date-Objektinstanz lokalen Computer Benutzer) var now = new Date(); // zum Beispiel das aktuelle Datum auf der Konsole ausgeben console.log(now);

Wenn Sie nur brauchen, um zu bekommen heutiges Datum Im String-Format können Sie die Methode toLocaleDateString verwenden:

Var now = new Date().toLocaleDateString(); // 19.12.2019

Die aktuelle Uhrzeit des Benutzers kann wie folgt ermittelt werden:

Var now = new Date().toLocaleTimeString(); // 11:02:48 var now = new Date().toLocaleTimeString().slice(0,-3); // 11:02

Sie können Datum und Uhrzeit im String-Format wie folgt abrufen:

Var now = new Date().toLocaleString(); // 19.12.2019, 11:02:48

2. Erstellen eines Datums durch Angabe der Anzahl der Millisekunden, die seit dem 1. Januar 1970 um 00:00:00 UTC vergangen sind, für das Date-Objekt.

// 1 Jahr (kein High-Level) = 365*24*60*60*1000 = 31536000000 ms // Erstellen Sie beispielsweise ein Datum 01.01.1971, 00:00:00 UTC: var date1 = new Date( 31536000000);

3. Erstellen eines Datums durch Angabe eines Datumsobjekts als Zeichenfolge.

Mit dieser Option zum Erstellen eines Datums versucht JavaScript, die übergebene Zeichenfolge zu verstehen und darauf basierend ein Datum zu generieren. Das Konvertieren einer Zeichenfolge in ein Datum in JavaScript erfolgt mit der Methode Date.parse.

Zum Beispiel:

// Erstellen eines Datums basierend auf einer Zeichenfolge im Format TT.MM.JJ var date1 = new Date("05.11.19"); // ein Datum basierend auf einer Zeichenfolge im Format YYYY-MM-DDThh:mm:ss.sss erstellen (das T-Zeichen wird verwendet, um Datum und Uhrzeit zu trennen) var date2 = new Date("2015-02-24T21:23 "); // ein Datum basierend auf einer Zeichenfolge erstellen, die die Zeitzone angibt (Format YYYY-MM-DDThh:mm:ss.sss±hh:mm): var date3 = new Date("2015-02-24T22:02+03:00 "); ;

4. Erstellen eines Datums durch Angabe der folgenden, durch Kommas getrennten Parameter: Jahr (4 Ziffern), Monat (ab 0 gezählt), Tag (1..31), Stunden (0..23), Minuten (0..59) , Sekunden (0..59), Millisekunden (0..999). Darüber hinaus sind nur die ersten beiden Parameter obligatorisch.

Ein Beispiel für die Erstellung eines Datums, bei dem nur die erforderlichen Parameter angegeben werden:

// das Datum 01.01.2015 erstellen (nicht spezifizierte Standardparameter sind: Zahl – 01, Stunden – 00, Minuten – 00, Sekunden – 00, Millisekunden – 000). var date1 = neues Datum(2015.01); // Datum erstellen 24.01.2015, 21:23 var date2 = new Date(2015,01,24,21,23);

Hinweis: Wenn Sie Datum und Uhrzeit in UTC einstellen müssen, können Sie die Methode Date.UTC verwenden.

//1 Beispiel var date1 = Date.UTC(2015,1,1); var date2 = neues Datum(Datum1); alarm(date2.toUTCString()); //2 Beispiel var newDate = new Date(Date.UTC(2015,1,1)); alarm(newDate.toUTCString());

In JavaScript werden die folgenden Methoden verwendet, um einzelne Datums- und Uhrzeitkomponenten abzurufen:

• getFullYear() – gibt das Jahr bestehend aus 4 Zahlen zurück;
• getMonth() – gibt den Monat im Format einer Zahl von 0 bis 11 zurück (0 – Januar, 1 – Februar, 2 – März, ..., 11 – Dezember);
• getDate() – gibt den Tag des Monats von 1 bis 31 zurück;
• getHours() – gibt die Anzahl der Stunden von 0 bis 23 zurück;
• getMinutes() – gibt die Anzahl der Minuten von 0 bis 59 zurück;
• getSeconds() – gibt die Anzahl der Sekunden von 0 bis 59 zurück;
• getMilliseconds() – gibt die Anzahl der Millisekunden von 0 bis 999 zurück.

Alle diese Methoden geben einzelne Datums- und Uhrzeitkomponenten entsprechend der auf dem lokalen Gerät des Benutzers eingestellten Zeitzone zurück.

// Datum erstellen 11.11.2019 00:00 UTC var newDate = new Date(Date.UTC(2019,11,11)); // die Datumskomponenten abrufen, wenn die Ortszeit auf dem Gerät des Benutzers UTC+10:00 ist newDate.getFullYear(); //2019 newDate.getMonth(); // 10 newDate.getDate(); // 11 newDate.getHours(); // 10 newDate.getMinutes(); // 0 newDate.getSeconds(); // 0 newDate.getMilliseconds(); // 0

Ein Beispiel, in dem wir den Benutzer abhängig davon begrüßen, welches Zeitintervall er gerade hat:

// aktuelle Zeit des Benutzers und die Komponenten dieser Zeit abrufen var now = new Date(), Hour = now.getHours(), Minute = now.getMinutes(), Second = now.getSeconds(), message = ""; // einen Begrüßungssatz abhängig von der Ortszeit des Benutzers definieren, wenn (Stunde