Heim Web-Frontend js-Tutorial Wie kann ich den Zeitunterschied zwischen zwei Zeitpunkten in JavaScript berechnen?

Wie kann ich den Zeitunterschied zwischen zwei Zeitpunkten in JavaScript berechnen?

Nov 26, 2024 am 11:08 AM

How Can I Calculate the Time Difference Between Two Times in JavaScript?

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

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

Schließlich berechnen wir den Zeitunterschied, indem wir Datum1 von Datum2 subtrahieren und das Ergebnis in speichern diff:

let diff = date2 - date1;
Nach dem Login kopieren

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!

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

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Ersetzen Sie Stringzeichen in JavaScript Ersetzen Sie Stringzeichen in JavaScript Mar 11, 2025 am 12:07 AM

Ersetzen Sie Stringzeichen in JavaScript

JQuery überprüfen, ob das Datum gültig ist JQuery überprüfen, ob das Datum gültig ist Mar 01, 2025 am 08:51 AM

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

JQuery Get Element Polsterung/Rand JQuery Get Element Polsterung/Rand Mar 01, 2025 am 08:53 AM

JQuery Get Element Polsterung/Rand

10 lohnt 10 lohnt Mar 01, 2025 am 01:29 AM

10 lohnt

10 JQuery Accords Registerkarten 10 JQuery Accords Registerkarten Mar 01, 2025 am 01:34 AM

10 JQuery Accords Registerkarten

HTTP-Debugging mit Knoten und HTTP-Konsole HTTP-Debugging mit Knoten und HTTP-Konsole Mar 01, 2025 am 01:37 AM

HTTP-Debugging mit Knoten und HTTP-Konsole

Benutzerdefinierte Google -Search -API -Setup -Tutorial Benutzerdefinierte Google -Search -API -Setup -Tutorial Mar 04, 2025 am 01:06 AM

Benutzerdefinierte Google -Search -API -Setup -Tutorial

JQuery fügen Sie Scrollbar zu Div hinzu JQuery fügen Sie Scrollbar zu Div hinzu Mar 01, 2025 am 01:30 AM

JQuery fügen Sie Scrollbar zu Div hinzu

See all articles