Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie kann ich Zeitunterschiede zwischen zwei über Javascript-Textfelder eingegebenen Zeiten berechnen?

DDD
Freigeben: 2024-11-24 06:10:13
Original
219 Leute haben es durchsucht

How Can I Calculate Time Differences Between Two Times Inputted via Javascript Text Boxes?

Bestimmen Sie das Zeitdelta mithilfe von Javascript-Textfeldern

In vielen Anwendungen kann es wichtig sein, den Zeitunterschied zwischen zwei angegebenen Zeiträumen zu berechnen. In Javascript kann diese Aufgabe relativ einfach mithilfe von zwei Textfeldern erledigt werden.

Um dies zu erreichen, kann man die Subtraktionsfunktion des Date-Objekts nutzen. Durch die Definition zweier Datumsobjekte mit bestimmten, aus den Textfeldern abgeleiteten Zeiten kann die Differenz ermittelt werden. In Fällen, in denen die Zeiten jedoch entgegengesetzte Seiten von Mitternacht umfassen, muss eine Anpassung vorgenommen werden, um eine genaue Berechnung sicherzustellen.

Betrachten Sie zur Veranschaulichung den folgenden Codeausschnitt:

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`);

if (date2 < date1) {
  date2.setDate(date2.getDate() + 1);
}

let diff = date2 - date1;
console.log(diff);
Nach dem Login kopieren

Hier Beispielsweise wird ein Zeitunterschied von „28800000“ Millisekunden (8 Stunden) berechnet und in der Konsole protokolliert. Durch die Nutzung dieser Technik können Sie das Zeitdelta zwischen vom Benutzer bereitgestellten Intervallen in Ihren Javascript-Anwendungen effektiv bestimmen.

Das obige ist der detaillierte Inhalt vonWie kann ich Zeitunterschiede zwischen zwei über Javascript-Textfelder eingegebenen Zeiten berechnen?. 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