Stunden zum Datumsobjekt in JavaScript hinzufügen

1. Verwenden Sie die setHours()-Methode, um Stunden zum Date-Objekt in JavaScript hinzuzufügen
2. Verwenden Sie die Methoden getHours() und setHours(), um den aktuellen Stundenwert in JavaScript zu aktualisieren

Das Date-Objekt in JavaScript liefert Ihnen die aktuelle Woche des Tages, das Datum und die Uhrzeit (mit Zeitzone) Ihres Systems. Die Standardzeitzone des Date-Objekts ist UTC, aber die grundlegenden Methoden zum Abrufen des Datums und der Uhrzeit oder ihrer Komponenten funktionieren alle auf der Grundlage der lokalen (System-)Zeitzone.

Das Date-Objekt stellt uns auch verschiedene Methoden wie setHours(), setMonth(), getTime(), getDay() usw. zur Verfügung, mit denen wir auf die Werte der zugreifen oder diese ändern können Datum-Objekt wie Uhrzeit, Stunden, Minuten, Zeitzone und vieles mehr. Um die vollständige Liste der Methoden anzuzeigen, besuchen Sie die [Date](Date - JavaScript | MDN)-Objektdokumentation.

Sehen wir uns nun mit einigen dieser Methoden an, wie Stunden zum Date-Objekt in JavaScript hinzugefügt werden.

Verwenden Sie die setHours()-Methode, um Stunden zum Date-Objekt in JavaScript hinzuzufügen

Um den Stundenwert des Date-Objekts zu aktualisieren, verwenden wir die eingebaute setHours()-Methode. Diese Methode aktualisiert nur den Stundenwert, nicht die Minuten und Sekunden.

Nehmen wir nun ein Beispiel und sehen, wie wir den Stundenwert mit der Methode setHours() aktualisieren können. Um die aktuelle Uhrzeit des Systems zu erhalten, müssen Sie zunächst ein Objekt des Date mit dem Schlüsselwort new erstellen und es dann in einer Variablen currentDateTime speichern und diese Variable dann drucken.

Dadurch erhalten Sie die Ortszeit Ihres Systems.

Codeausschnitt - JavaScript:

var currentDateTime = new Date();

function addHours(hr) {
  currentDateTime.setHours(hr);
}

console.log(currentDateTime);
addHours(5);
console.log(currentDateTime);

Ausgang:

Mon May 5 2022 00:28:11 GMT+0530 (India Standard Time)
Mon May 5 2022 05:28:11 GMT+0530 (India Standard Time)

Um den Stundenwert hinzuzufügen, erstellen wir eine Funktion namens addHours(), die einen einzelnen Parameter hr übernimmt, der ein ganzzahliger Wert ist, der den Stundenwert darstellt, den wir zur aktuellen Zeit hinzufügen möchten.

Innerhalb dieser Funktion rufen wir die Methode setHours() für die Variable currentDateTime auf, die das aktuelle lokale Datum und die aktuelle Uhrzeit enthält, und übergeben dann die hr darin.

Dadurch wird das Argument hr, das wir an die Funktion addHours() übergeben, gesetzt. Wir übergeben den ganzzahligen Wert 5 an die Funktion addHours().

Wenn Sie schließlich die Zeit vor und nach dem Aufruf der Funktion addHours drucken, sehen Sie, dass sie den Wert 5 zur aktuellen Zeit hinzugefügt hat, wie in der obigen Ausgabe gezeigt.

Mit dieser Methode können Sie den bestehenden oder den aktuellen Stundenwert durch einen neuen ersetzen. Was aber, wenn Sie den aktuellen Stundenwert aktualisieren möchten, anstatt ihn vollständig durch einen neuen Wert zu ersetzen?

Sehen wir uns nun an, wie die aktuellen Stundenwerte mit einigen vordefinierten Methoden des Date-Objekts in JavaScript aktualisiert werden.

Verwenden Sie die Methoden getHours() und setHours(), um den aktuellen Stundenwert in JavaScript zu aktualisieren

Wir ersetzen den Stundenwert bis jetzt direkt durch den neuen Wert. Was aber, wenn Sie den aktuellen Stundenwert aktualisieren und nicht ersetzen möchten?

Sie müssen gleichzeitig die Methoden getHours() und setHours() verwenden.

Codeausschnitt - JavaScript:

var currentDateTime = new Date();
console.log(currentDateTime);

currentDateTime.setHours(currentDateTime.getHours() + 5);
console.log(currentDateTime);

Ausgang:

Mon May 5 2022 20:29:17 GMT+0530 (India Standard Time)
Tue May 6 2022 01:29:17 GMT+0530 (India Standard Time)

Auch hier müssen wir zuerst das aktuelle Datum und die Uhrzeit, die vom Objekt Date zurückgegeben werden, in einer Variablen currentDateTime speichern. Dann werden wir die Funktionen setHours() und getHours() gleichzeitig verwenden.

Da wir den Stundenwert festlegen möchten, verwenden wir die Methode setHours() für die Variable currentDateTime. Wir rufen die Methode getHours() für die Variable currentDateTime innerhalb dieser Methode auf.

Die Methode getHours() gibt uns den aktuellen Wert, und dann addieren wir 5 zu diesem Wert, und dann setzt die Methode setHours() diesen Wert auf die Variable currentDateTime.

Und wenn Sie die Zeit vor und nach der Verwendung der Methode setHours() drucken, sehen Sie, dass die aktuelle Zeit 20 ist; wir addieren den Wert 5 zu diesem Wert, und dann wird es 1.

Dies liegt daran, dass der gesamte Tag 24 Stunden hat und 20 plus 5 zu 25 wird, also beginnt er nach Ablauf der 24 Stunden mit 1, wie in der obigen Ausgabe gezeigt.