Heim > Web-Frontend > js-Tutorial > Wie berechnet man den Zeitunterschied zwischen zwei Zeitpunkten in JavaScript?

Wie berechnet man den Zeitunterschied zwischen zwei Zeitpunkten in JavaScript?

DDD
Freigeben: 2024-11-21 18:20:15
Original
618 Leute haben es durchsucht

How to Calculate the Time Difference Between Two Times in JavaScript?

Bestimmen Sie den Zeitunterschied in JavaScript

Die Berechnung des Zeitunterschieds zwischen zwei Textfeldern in JavaScript kann durch den folgenden Ansatz erreicht werden:

Schritt 1: Strings in Datumsobjekte konvertieren

Beginnen indem Sie aus den Textfeldzeichenfolgen zwei Datumsobjekte erstellen. Geben Sie einen beliebigen Datumsteil, die Eingabezeit, an und stellen Sie die Zeitzone auf UTC ein.

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`);
Nach dem Login kopieren

Schritt 2: Anpassen an Zeiten, die Mitternacht überschreiten

In einigen Szenarien Die Zeiten können bis Mitternacht reichen. Um dies zu beheben, prüfen Sie, ob das zweite Datum vor dem ersten liegt. Wenn ja, addieren Sie einen Tag zum zweiten Datum.

if (date2 < date1) {
  date2.setDate(date2.getDate() + 1);
}
Nach dem Login kopieren

Schritt 3: Berechnen Sie die Differenz

Subtrahieren Sie das erste Datumsobjekt vom zweiten, um die Differenz zu erhalten in Millisekunden.

let diff = date2 - date1;
Nach dem Login kopieren

Schritt 4: Formatieren Sie die Ergebnis

Abhängig von den Anzeigeanforderungen können Sie das Ergebnis nach Bedarf formatieren.

Um beispielsweise die Differenz als Zeitzeichenfolge anzuzeigen:

let hours = Math.floor(diff / (1000 * 60 * 60));
let minutes = Math.floor((diff / (1000 * 60)) % 60);
let result = `${hours < 10 ? '0' + hours : hours}:${minutes < 10 ? '0' + minutes : minutes}`;
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie berechnet man den Zeitunterschied zwischen zwei Zeitpunkten in JavaScript?. 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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage