Comment JavaScript calcule le temps

JavaScript est un langage de programmation très populaire qui est largement utilisé dans le développement Web, le développement d'applications mobiles, le développement d'applications de bureau et d'autres domaines. En JavaScript, l'heure est un type de données très important, et l'heure peut être représentée et manipulée via l'objet Date intégré de JavaScript. Cet article explique comment JavaScript calcule le temps.

1. Représentation du temps en JavaScript

En JavaScript, le temps est représenté sous la forme d'un objet Date. Le constructeur de l'objet Date accepte un paramètre entier ou un ensemble spécifique de valeurs d'année, de mois, de jour, d'heure, de minute, de seconde et de milliseconde, représentant le nombre de millisecondes écoulées depuis 00:00:00 UTC le 1er janvier 1970. . Par exemple, le code suivant crée un objet Date représentant 12:34:56 le 1er septembre 2021 :

var date = new Date(2021, 8, 1, 12, 34, 56);

où le mois commence à compter à partir de 0, donc 8 représente septembre. Vous pouvez également transmettre directement le nombre de millisecondes :

var date = new Date(1630472096000);

Les objets date créés par les deux extraits de code ci-dessus sont équivalents.

2. Opérations temporelles en JavaScript

Des opérations d'addition et de soustraction de base peuvent être effectuées sur des objets Date en JavaScript pour obtenir de nouveaux objets date et heure. Les opérations temporelles suivantes sont courantes :

1. Opération d'addition

La méthode getTime() de l'objet Date peut renvoyer 00 depuis le 1er janvier 1970. :00:00 Le nombre de millisecondes écoulées entre UTC et l'heure spécifiée. Par conséquent, en ajoutant deux objets Date, vous obtiendrez la différence de temps entre eux (en millisecondes). Ajoutez ensuite cette différence de temps à un autre objet Date pour obtenir un nouvel objet Date, ce qui signifie ajouter la différence de temps spécifiée plus tard.

Par exemple, le code suivant créera un objet Date représentant la seconde suivante à 12:34:56 le 1er septembre 2021 :

var date = new Date(2021, 8, 1, 12, 34, 56);
var nextSecond = new Date(date.getTime() + 1000);

où nextSecond est une représentation Date objet à 12:34:57 le 1er septembre 2021.

De même, vous pouvez également utiliser la méthode setTime() de l'objet Date pour définir le nombre de millisecondes dans l'heure spécifiée, par exemple :

var date = new Date(2021, 8, 1, 12, 34, 56);
date.setTime(date.getTime() + 1000);

Le code ci-dessus définir l'objet date pour qu'il représente 2021. L'heure est 12:34:57 le 1er septembre.

2. Opération de soustraction

De même, deux objets Date peuvent être soustraits pour obtenir la différence de temps entre eux. Voici les opérations de soustraction courantes :

(1) Calculez la différence de temps (en millisecondes) entre deux objets Date :

var date1 = new Date(2021, 8, 1, 12, 34, 56);
var date2 = new Date(2021, 8, 2, 12, 34, 56);
var diff = date2.getTime() - date1.getTime();

Le code ci-dessus obtiendra la valeur de diff comme 86400000, soit 24 heures (246060*1000 millisecondes).

(2) Calculez la différence de temps (en millisecondes) entre l'heure actuelle et l'heure spécifiée :

var date = new Date(2021, 8, 1, 12, 34, 56);
var now = new Date();
var diff = now.getTime() - date.getTime();

Le code ci-dessus obtiendra la valeur de la différence entre l'heure actuelle et 2021 9 Le décalage horaire (en millisecondes) entre 12:34:56 le 1er du mois.

3. Calcul d'intervalle de temps

JavaScript possède des fonctions intégrées pour calculer les intervalles de temps, notamment getTime(), getFullYear(), getMonth( ), getDate(), getDay(), getHours(), getMinutes(), getSeconds() et getMilliseconds(), etc.

Par exemple, le code suivant calcule l'intervalle de temps de 12:34:56 le 1er septembre 2021 à l'heure actuelle :

var date = new Date(2021, 8, 1, 12, 34, 56);
var now = new Date();
var yearDiff = now.getFullYear() - date.getFullYear();
var monthDiff = now.getMonth() - date.getMonth();
var dayDiff = now.getDate() - date.getDate();
var hourDiff = now.getHours() - date.getHours();
var minuteDiff = now.getMinutes() - date.getMinutes();
var secondDiff = now.getSeconds() - date.getSeconds();
var millisecondDiff = now.getMilliseconds() - date.getMilliseconds();

Le code ci-dessus obtiendra l'heure actuelle heure et L'intervalle de temps entre 12:34:56 le 1er septembre 2021, en années, mois, jours, heures, minutes, secondes et millisecondes. Ces valeurs peuvent être utilisées en combinaison pour des calculs de temps basés sur des besoins spécifiques.

3. Formatage de la date en JavaScript

Dans le développement réel, nous devons généralement convertir l'objet Date dans un format de date spécifié pour faciliter l'affichage ou l'interaction avec d'autres systèmes. JavaScript fournit certaines fonctions de formatage de date couramment utilisées, comme suit :

1. toDateString() : convertit un objet Date en une chaîne de date au format Jour de la semaine Mois Date Année, par exemple : Jeu Avril 8, 2021.
2. toTimeString() : convertissez l'objet Date en une chaîne d'heure au format hh:mm:ss GMT+0800 (TimeZone), par exemple : 09:28:14 GMT+0800 (heure normale de Chine ) .
3. toLocaleDateString() : convertissez l'objet Date en une chaîne de date localisée, par exemple : 8 avril 2021.
4. toLocaleTimeString() : convertissez l'objet Date en une chaîne d'heure localisée, par exemple : 9:28:14 AM.
5. toLocaleString() : convertissez l'objet Date en une chaîne de date et d'heure localisée, par exemple : 8 avril 2021 à 9 :28 :14.
6. toUTCString() : convertissez l'objet Date en une chaîne d'heure standard UTC, par exemple : jeu. 8 avril 2021 01:28:14 GMT.

En plus des fonctions ci-dessus, vous pouvez également utiliser des bibliothèques tierces ou écrire manuellement du code pour formater la date et l'heure.

4. Conclusion

Cet article présente comment calculer le temps en JavaScript, y compris la représentation du temps, les opérations d'addition et de soustraction, le calcul d'intervalle de temps et le formatage de la date. La fonction de calcul du temps en JavaScript est très puissante et peut être appliquée à divers domaines, tels que les effets dynamiques des pages Web, les fonctions de compte à rebours, la conversion d'horodatage, etc. En étudiant le contenu présenté dans cet article, les lecteurs peuvent avoir une compréhension plus approfondie des connaissances liées au calcul du temps JavaScript, afin qu'elles puissent être utilisées de manière plus flexible dans des applications pratiques.

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!