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

Comment puis-je calculer les différences de temps entre deux heures saisies via des zones de texte Javascript ?

DDD
Libérer: 2024-11-24 06:10:13
original
217 Les gens l'ont consulté

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

Déterminer le delta temporel à l'aide de zones de texte Javascript

Dans de nombreuses applications, il peut être essentiel de calculer le décalage horaire entre deux périodes spécifiées. En Javascript, cette tâche peut être accomplie avec une relative facilité à l'aide de deux zones de texte.

Pour y parvenir, on peut utiliser la capacité de soustraction de l'objet Date. En définissant deux objets Date avec des heures spécifiées dérivées des zones de texte, la différence peut être obtenue. Cependant, dans les cas où les heures s'étendent sur des côtés opposés de minuit, un ajustement doit être effectué pour garantir un calcul précis.

Pour illustrer, considérons l'extrait de code suivant :

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

Dans cet Par exemple, un décalage horaire de « 2 880 000 » millisecondes (8 heures) est calculé et enregistré sur la console. En tirant parti de cette technique, vous pouvez déterminer efficacement le delta de temps entre les intervalles fournis par l'utilisateur dans vos applications Javascript.

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