Maison  >  Article  >  interface Web  >  JavaScript convertit l'heure mondiale

JavaScript convertit l'heure mondiale

WBOY
WBOYoriginal
2023-05-12 18:02:371634parcourir

Avec l’accélération de la mondialisation, la communication et la coopération entre fuseaux horaires sont progressivement devenues la norme. Dans ce processus, une compréhension approfondie des principes et des méthodes de conversion du temps dans le monde JavaScript est une compétence essentielle. Dans cet article, nous nous concentrerons sur la façon d'effectuer une conversion de l'heure mondiale en JavaScript, vous permettant de maîtriser facilement cette compétence.

1. Le concept d'heure mondiale en JavaScript
L'heure mondiale fait référence à l'heure standard utilisée uniformément au niveau international. Parce que la Terre est divisée en 24 fuseaux horaires et que l’heure dans chaque fuseau horaire est différente, afin de faciliter la communication et d’unifier les opérations commerciales, la communauté internationale a adopté le temps universel coordonné (UTC) comme heure standard mondiale en 1986. UTC utilise l'Observatoire de Greenwich comme origine et en ajoute une à l'heure toutes les heures, donc UTC a 8 heures de retard sur la plupart des fuseaux horaires du monde.

En JavaScript, l'heure mondiale peut être obtenue via l'objet Date intégré, et l'heure mondiale peut être convertie en appelant la fonction correspondante.

2. Convertir l'heure mondiale JavaScript en heure locale
Lorsque nous devons utiliser l'heure mondiale pour des opérations, nous devons souvent convertir l'heure mondiale en heure locale La méthode d'opération spécifique est la suivante :

var utcTime = new Date(" 2019-12-31T10 :30:00Z"); // heure utc
var localTime = new Date(utcTime.getTime() + utcTime.getTimezoneOffset() 60 1000); // Convertir en heure locale

Expliquez le code ci-dessus :

  1. Tout d’abord, nous créons un objet horaire UTC, représenté par new Date("2019-12-31T10:30:00Z"). Notez que lorsque vous exprimez l'heure UTC, vous devez ajouter "Z" à la fin de la chaîne d'heure.
  2. Ensuite, obtenez la différence (en minutes) entre le fuseau horaire actuel et le fuseau horaire UTC via utcTime.getTimezoneOffset(). getTimezoneOffset() renvoie le nombre de minutes de différence entre le fuseau horaire actuel et UTC, il doit donc l'être. multiplié par 60* 1000 peut être converti en millisecondes.
  3. Enfin, utilisez localTime = new Date(utcTime.getTime() + utcTime.getTimezoneOffset() 60 1000) pour convertir l'heure UTC en heure locale.

Il est à noter que la différence obtenue par getTimezoneOffset() est un entier positif ou négatif. Si le fuseau horaire du système est antérieur à l'heure UTC, le résultat de la soustraction est un nombre positif, sinon c'est un nombre négatif.

3. Heure locale JavaScript en heure mondiale
Lorsque vous devez convertir l'heure locale en heure mondiale, vous pouvez également réaliser la conversion de la même manière :

var localTime = new Date("2019-12-31T10:30 : 00" ); // Heure locale
var utcTime = new Date(localTime.getTime() - localTime.getTimezoneOffset() 60 1000); // Convertir en heure UTC

Expliquez le code ci-dessus :

  1. Tout d'abord, nous créons un objet heure locale, représenté par new Date("2019-12-31T10:30:00").
  2. Ensuite, utilisez localTime.getTimezoneOffset() pour obtenir la différence (en minutes) entre le fuseau horaire actuel et le fuseau horaire UTC. Vous devez également multiplier le résultat par 60*1000 pour le convertir en millisecondes.
  3. Enfin, utilisez utcTime = new Date(localTime.getTime() - localTime.getTimezoneOffset() 60 1000) pour convertir l'heure locale en heure UTC.

Il convient de noter que la différence obtenue est un entier positif ou négatif, les opérations d'addition et de soustraction ici doivent donc être effectuées en fonction de la situation spécifique.

4. Formatage de l'heure en JavaScript
Dans le développement réel, nous avons souvent besoin de formater l'heure dans une chaîne spécifique pour une meilleure lecture ou pour la transmettre à d'autres systèmes. En JavaScript, vous pouvez formater l'heure en appelant la méthode de l'objet Date et en utilisant la syntaxe de formatage.

Voici quelques syntaxes et utilisations de formatage couramment utilisées :

%d : représente le jour du mois (01-31)

%m : représente le mois (01-12)

%Y : représente l'année

%H : Indique l'heure (00-23)

%M : Indique la minute

%S : Indique la seconde

%w : Indique le jour de la semaine (0-6)

%a : Indique l'abréviation du jour de la semaine (Lun-Ven)

L'utilisation est la suivante :

var now = new Date();
var dateString = now.toLocaleString('chinese', { hour12: false }); // Convertir en heure locale
console.log(dateString) ; // 2022/12/24 19:26:28

Dans le code ci-dessus, nous spécifions le type de langue comme chinois en appelant la fonction toLocaleString() de la Date objet et activez l'horloge 24 heures (le paramètre hour12 est défini sur false). Enfin, une chaîne de date formatée est renvoyée.

5. Conclusion
Avec le développement rapide d'Internet, la conversion de l'heure mondiale est devenue un élément indispensable du travail quotidien et de la recherche scientifique. Cet article se concentre sur les principes et les méthodes de conversion de l'heure mondiale en JavaScript, y compris les opérations courantes telles que la conversion de l'heure mondiale en heure locale, la conversion de l'heure locale en heure mondiale et le formatage de l'heure. J'espère qu'il sera utile aux lecteurs.

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!

Déclaration:
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