Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie kann ich Stunden zu einem JavaScript-Datumsobjekt hinzufügen?

Patricia Arquette
Freigeben: 2024-11-17 11:22:02
Original
957 Leute haben es durchsucht

How Can I Add Hours to a JavaScript Date Object?

Erweitern des Datumsobjekts mit einer „addHours“-Funktion

Während dem JavaScript-Datumsobjekt eine Add-Methode fehlt, ist es möglich, eine mit benutzerdefinierter Funktionalität zu erstellen.

Implementierung

Um Stunden zu einem Datum hinzuzufügen, befolgen Sie diese Schritte:

  1. Konvertieren Sie Stunden in Millisekunden: Multiplizieren Sie dann die Anzahl der Stunden mit 60 Minuten um 60 Sekunden und schließlich um 1000 Millisekunden.
  2. Neue Zeit einstellen: Verwenden Sie setTime(), um das Datum auf die aktuelle Zeit plus die berechneten Millisekunden zu setzen.
  3. Änderungsdatum zurückgeben:Dies zurückgeben, um die Verkettung zusätzlicher Methoden zu ermöglichen.
Date.prototype.addHours = function(h) {
  this.setTime(this.getTime() + (h*60*60*1000));
  return this;
}
Nach dem Login kopieren

Beispielverwendung

const now = new Date();
const fourHoursLater = now.addHours(4); // 4 hours added to current date
Nach dem Login kopieren

Hinweise

  • Diese Implementierung behandelt keine Randfälle wie das Hinzufügen negativer Stunden oder das Hinzufügen zu vieler Stunden, die zu einem Datum mit einem ungültigen Datum oder Monat führen würden.
  • Die setTime()-Methode kann einen Zeitstempel in Millisekunden annehmen , weshalb wir Stunden vor der Verwendung in Millisekunden umrechnen.

Das obige ist der detaillierte Inhalt vonWie kann ich Stunden zu einem JavaScript-Datumsobjekt hinzufügen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage