Maison > interface Web > js tutoriel > Comment puis-je ajouter des heures à un objet de date JavaScript ?

Comment puis-je ajouter des heures à un objet de date JavaScript ?

Patricia Arquette
Libérer: 2024-11-17 11:22:02
original
1040 Les gens l'ont consulté

How Can I Add Hours to a JavaScript Date Object?

Extension de l'objet Date avec une fonction "addHours"

Bien que l'objet JavaScript Date ne dispose pas d'une méthode d'ajout, il est possible d'en créer une avec des fonctionnalités personnalisées.

Mise en œuvre

Pour ajouter des heures à une date, suivez ces étapes :

  1. Convertissez les heures en millisecondes : Multipliez le nombre d'heures par 60 minutes, puis de 60 secondes, et enfin de 1 000 millisecondes.
  2. Réglez la nouvelle heure : Utilisez setTime() pour régler la date sur son heure actuelle plus les millisecondes calculées.
  3. Renvoyer la date de modification :Renvoyer ceci pour permettre le chaînage de méthodes supplémentaires.
Date.prototype.addHours = function(h) {
  this.setTime(this.getTime() + (h*60*60*1000));
  return this;
}
Copier après la connexion

Exemple d'utilisation

const now = new Date();
const fourHoursLater = now.addHours(4); // 4 hours added to current date
Copier après la connexion

Notes

  • Cette implémentation ne gère pas les cas extrêmes comme l'ajout d'heures négatives ou l'ajout d'un nombre trop important d'heures qui entraîneraient une date avec une date ou un mois invalide.
  • La méthode setTime() peut prendre un horodatage en millisecondes. , c'est pourquoi nous convertissons les heures en millisecondes avant de l'utiliser.

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