Maison > interface Web > js tutoriel > le corps du texte

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

Patricia Arquette
Libérer: 2024-11-26 11:08:08
original
267 Les gens l'ont consulté

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

Détermination du décalage horaire en JavaScript

Comprendre le décalage horaire entre deux points est crucial dans de nombreuses applications. En JavaScript, le calcul du décalage horaire entre deux entrées de zone de texte données peut être réalisé grâce à une approche simple.

Pour déterminer le décalage horaire, nous pouvons utiliser les capacités arithmétiques de l'objet Date. En soustrayant deux objets Date représentant les heures de saisie, nous obtenons la différence exprimée en millisecondes.

Prenons un exemple pour illustrer ce processus. Supposons que nous ayons deux zones de texte contenant les heures « 09h00 » et « 17h00 ». Pour calculer le décalage horaire, nous créons deux objets Date, date1 et date2, représentant respectivement ces heures :

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

Il est à noter que nous spécifions une partie de date arbitraire (ici, "2000-01-01") car nous nous concentrons uniquement sur la composante temporelle. Le suffixe "Z" indique le fuseau horaire UTC.

Maintenant, pour gérer les situations où les heures de saisie s'étendent sur minuit (par exemple, en calculant la différence entre 21h00 et 5h00), nous ajustons date2 en incrémentant sa date par une :

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

Enfin, nous calculons le décalage horaire en soustrayant date1 de date2 et en stockant le résultat dans diff :

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

La valeur de diff représente désormais la différence de temps en millisecondes. Dans notre exemple, ce serait 28800000 millisecondes, ce qui correspond à 8 heures.

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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal