Comment gérer les fuseaux horaires dans le code JavaScript

JavaScript est devenu le langage de script le plus populaire et le plus utilisé. Dans cette ère moderne, presque tous les sites Web utilisent JavaScript. Dans notre vie quotidienne, le temps joue un rôle vital parce que si nous voulons ajouter une mise à jour à l'application, il tamponne la sauvegarde avec la date et l'heure actuelles. Prenez un exemple de site Web de blog. Les blogs peuvent utiliser des horodatages qui aident à indiquer la date du commentaire, la date de publication, la dernière date modifiée et bien d'autres.

Un fuseau horaire représente un temps standard uniforme à différentes fins dans un pays. Il est assez courant que différents pays aient un fuseau horaire unique, avec certains grands pays comme les États-Unis et le Canada ayant plusieurs fuseaux horaires.

GMT

L'abréviation de GMT est «Greenwich Moyenne Temps».GMT est une heure locale et est devenu populaire en janvier 1972.

UTC

L'UTC est généralement un système temporel qui utilise la fréquence du césium atomique pour synchroniser le temps standard. UTC et GMT sont plus ou moins les mêmes dans de nombreux cas, mais dans quelques cas, l'UTC donne un temps plus précis par rapport à GMT.

Compenser

Offset est connu comme le temps comparatif entre l'heure locale et le temps standard de l'UTC.

Maintenant, nous montrons comment gérer les fuseaux horaires en JavaScript et quelles sont les différentes façons d'inclure les dates de votre site Web.

Tout d'abord, nous devons créer une instance de Date () et attribuer l'objet de Date () à une variable "current_date_obj". Exécutez les lignes de code mentionnées ci-dessous pour obtenir la date actuelle. Ce morceau de code vous rendra le temps et la date d'aujourd'hui de votre fuseau horaire particulier dans un objet.

const Current_Date_Obj = new Date ();
console.log (current_date_obj);

Sortir

Si vous souhaitez utiliser un objet contenant la date et l'heure actuelles, vous devez la formater en conséquence via plusieurs méthodes de date de JavaScript. Exécutez le code mentionné ci-dessous si vous souhaitez obtenir la date actuelle avec un format spécifique.

const date_obj = new Date ();
const Current_Date = date_obj.avoir un rendez-vous();
console.log ("Date actuelle" + ":" + current_date);
const Current_month = date_obj.getMonth ();
console.log ("mois en cours" + ":" + current_month);
const Current_year = date_obj.getlyear ();
console.log ("année en cours" + ":" + current_year);
console de retour.log (current_date + '/' + (current_month + 1) + '/' + current_year);

Sortir

Formatage d'une date en fonction de votre fuseau horaire est une tâche beaucoup plus facile en JavaScript. De plus, si vous souhaitez afficher des fuseaux horaires distincts pour plusieurs pays sur une application Web, vous devez faire des calculs et convertir le temps local en conséquence. Par exemple, nous devons implémenter des fonctionnalités qui donnent une alerte après toutes les 16 heures selon un fuseau horaire particulier. Pour cela, les étapes mentionnées ci-dessous doivent être suivies.

1. Tout d'abord, vous devez convertir la date en millisecondes depuis le 1er janvier 1970.
2. Ensuite, vous devez obtenir le décalage de l'UTC et le convertir en millisecondes.
3. Si vous ajoutez le décalage du fuseau horaire local dans l'heure locale, vous obtenez l'heure UTC actuelle.
4. Après avoir acquis l'heure UTC actuelle, vous devez obtenir le décalage UTC de la ville de destination en heures. Convertir une valeur de décalage UTC en millisecondes et ajouter au temps UTC en conséquence.
5. Enfin, vous devez formater une chaîne de date-heure dans le format standard lisible de la date. Pour cela, vous devez convertir la valeur des millisecondes en une nouvelle chaîne de date.

Exécutez le code suivant pour obtenir un fuseau horaire différent après avoir converti la date.

Sortir
Voici la sortie de l'heure locale du Pakistan.

Voici la sortie de l'heure locale de Singapour.

Voici la production de l'heure locale de Londres.

Conclusion

Dans cet article, nous avons expliqué comment obtenir une date et une heure, puis l'utiliser en fonction de notre désir de manière efficace et efficiente qui est facile à apprendre pour les débutants. Nous avons également expliqué comment nous pouvons gérer les fuseaux horaires en JavaScript et liés à cela, nous avons également fourni un exemple qui montre différents fuseaux horaires de différents pays via JavaScript.