


Wie kann ich den Zeitunterschied zwischen zwei Zeitpunkten in JavaScript berechnen?
Nov 26, 2024 am 11:08 AMBestimmen des Zeitunterschieds in JavaScript
Das Verständnis des Zeitunterschieds zwischen zwei Punkten ist in zahlreichen Anwendungen von entscheidender Bedeutung. In JavaScript kann die Berechnung des Zeitunterschieds zwischen zwei gegebenen Textfeldeingaben durch einen einfachen Ansatz erreicht werden.
Um den Zeitunterschied zu bestimmen, können wir die arithmetischen Funktionen des Date-Objekts nutzen. Indem wir zwei Date-Objekte subtrahieren, die die Eingabezeiten darstellen, erhalten wir die in Millisekunden ausgedrückte Differenz.
Lassen Sie uns in ein Beispiel eintauchen, um diesen Prozess zu veranschaulichen. Angenommen, wir haben zwei Textfelder mit den Uhrzeiten „09:00“ und „17:00“. Um den Zeitunterschied zu berechnen, erstellen wir zwei Datumsobjekte, Datum1 und Datum2, die jeweils diese Zeiten darstellen:
let time1 = "09:00"; let time2 = "17:00"; let date1 = new Date(`2000-01-01T${time1}Z`); let date2 = new Date(`2000-01-01T${time2}Z`);
Bemerkenswert ist, dass wir einen beliebigen Datumsteil angeben (hier „2000-01-01“). da unser Fokus ausschließlich auf der Zeitkomponente liegt. Das Suffix „Z“ bezeichnet die UTC-Zeitzone.
Um nun Situationen zu bewältigen, in denen sich die Eingabezeiten über Mitternacht erstrecken (z. B. die Berechnung der Differenz zwischen 21:00 Uhr und 5:00 Uhr), passen wir Datum2 durch Inkrementieren an sein Datum um eins:
if (date2 < date1) { date2.setDate(date2.getDate() + 1); }
Schließlich berechnen wir den Zeitunterschied, indem wir Datum1 von Datum2 subtrahieren und das Ergebnis in speichern diff:
let diff = date2 - date1;
Der Wert von diff stellt nun den Zeitunterschied in Millisekunden dar. In unserem Beispiel wären es 28800000 Millisekunden, was 8 Stunden entspricht.
Das obige ist der detaillierte Inhalt vonWie kann ich den Zeitunterschied zwischen zwei Zeitpunkten in JavaScript berechnen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Heißer Artikel

Hot-Tools-Tags

Heißer Artikel

Heiße Artikel -Tags

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Ersetzen Sie Stringzeichen in JavaScript

JQuery überprüfen, ob das Datum gültig ist

HTTP-Debugging mit Knoten und HTTP-Konsole

Benutzerdefinierte Google -Search -API -Setup -Tutorial

JQuery fügen Sie Scrollbar zu Div hinzu
