Maison > interface Web > js tutoriel > Comment calculer la différence de temps entre deux heures en JavaScript ?

Comment calculer la différence de temps entre deux heures en JavaScript ?

DDD
Libérer: 2024-11-21 18:20:15
original
652 Les gens l'ont consulté

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

Déterminer la différence de temps en JavaScript

Le calcul de la différence de temps entre deux zones de texte en JavaScript peut être réalisé grâce à l'approche suivante :

Étape 1 : Convertir des chaînes en objets de date

Commencer en créant deux objets Date à partir des chaînes de la zone de texte. Spécifiez une partie de date arbitraire, l'heure d'entrée et définissez le fuseau horaire sur UTC.

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`);
Copier après la connexion

Étape 2 : Ajuster pour les heures passant à minuit

Dans certains scénarios, les horaires peuvent s'étendre sur minuit. Pour gérer cela, vérifiez si la deuxième date est antérieure à la première. Si tel est le cas, ajoutez un jour à la deuxième date.

if (date2 < date1) {
  date2.setDate(date2.getDate() + 1);
}
Copier après la connexion

Étape 3 : Calculez la différence

Soustrayez le premier objet date du second pour obtenir la différence en millisecondes.

let diff = date2 - date1;
Copier après la connexion

Étape 4 : Formater le Résultat

En fonction des exigences d'affichage, vous pouvez formater le résultat selon vos besoins.

Par exemple, pour afficher la différence sous forme de chaîne temporelle :

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}`;
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal