Maison >interface Web >js tutoriel >Rechercher le temps écoulé en JavaScript

Rechercher le temps écoulé en JavaScript

王林avant: 2023-08-26 22:33:08687parcourir

在 JavaScript 中查找经过的时间

Parfois, il doit trouver le temps total passé à effectuer une opération en JavaScript. Par exemple, nous devons connaître le temps total passé par les utilisateurs à mettre à jour leur profil.

En outre, il peut y avoir d'autres cas d'utilisation similaires dans lesquels nous devons trouver la différence entre une heure spécifique et l'heure actuelle et ainsi trouver le temps total écoulé. Ici, nous allons apprendre différentes façons de trouver le temps écoulé en JavaScript.

Trouver le temps écoulé à l'aide de l'objet Date() en JavaScript

En JavaScript, nous pouvons utiliser le constructeur d'objet Date() pour obtenir l'heure actuelle. Il renvoie le nombre total de millisecondes depuis le 1er janvier 1970.

Ici, nous pouvons obtenir le temps écoulé entre deux dates en prenant la différence en millisecondes totales entre les deux dates.

Grammaire

Les utilisateurs peuvent utiliser le constructeur d'objet Date() selon la syntaxe suivante pour rechercher le temps écoulé en JavaScript.

let startTime = new Date();
let endTime = new Date();
let timeElapsed = endTime - startTime;

Dans la syntaxe ci-dessus, nous obtenons d’abord l’heure de début. Après cela, nous avons pris l'heure de la fin. Pour obtenir le temps écoulé, nous prenons le décalage horaire de début et de fin.

Exemple 1

Dans l'exemple ci-dessous, nous stockons l'heure actuelle dans la variable startTime. Après cela, nous appelons la fonction loopThrough(). La fonction exécute la boucle 6 00 000 fois.

Une fois l'exécution de la fonction terminée, nous stockons l'heure actuelle dans la variable endTime. Après cela, nous calculons la différence entre endTime et startTime pour obtenir le temps total passé à exécuter la fonction.

<html>
<body>
   <h3> Using the <i> Date() object </i> to find the time elapsed in JavaScript </h3>
   <div id="output"> </div>
   <script>
      let output = document.getElementById('output');
      function loopThrough() {
         for (i = 0; i < 600000; i++) {
         
            //Do nothing
         }
      }
      let startTime = new Date();
      loopThrough();
      let endTime = new Date();
      let timeElapsed = endTime - startTime;
      output.innerHTML += "Total time elapsed to loop through 600000 times: " + timeElapsed + " milliseconds.";
   </script>
</body>
</html>

Exemple 2

L'exemple ci-dessous montre le décalage horaire entre une date spécifique et l'heure actuelle. Après cela, nous appelons la fonction formatDate() pour formater la date au format jour, heure, minute et seconde.

Dans la fonction formatDate(), nous obtenons le décalage horaire en paramètre ainsi que le nombre total de jours, heures, minutes et secondes. Dans la sortie, l'utilisateur peut vérifier le temps total écoulé depuis le 31 décembre 2019.

<html>
<body>
   <h3> Using the <i> Date() object </i> to find the time elapsed in JavaScript </h3>
   <div id="output"></div>
   <script>
      let output = document.getElementById('output');
      function formatDate(difference) {
      
         //Arrange the difference of date in days, hours, minutes, and seconds format
         let days = Math.floor(difference / (1000 * 60 * 60 * 24));
         let hours = Math.floor((difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
         let minutes = Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60));
         let seconds = Math.floor((difference % (1000 * 60)) / 1000);
         output.innerHTML += "Total time elapsed is: " + days + " days " + hours + " hours " + minutes + " minutes " + seconds + " seconds.";
      }
      let start = new Date("December 31, 2020 23:59:59");
      let end = new Date();
      let difference = end - start;
      formatDate(difference);
   </script>
</body>
</html>

Utilisez la fonction Console.time()

La méthode console.Time() prend une étiquette comme paramètre. Chaque fois que nous appelons la méthode console.time() avec une certaine étiquette, elle commence à compter le temps.

La méthode console.timeEnd() prend la même étiquette que celle que nous avons passée comme paramètre de méthode console.time() et imprime le temps écoulé depuis l'appel de la méthode console.time().

Grammaire

Les utilisateurs peuvent utiliser la fonction console.time() selon la syntaxe ci-dessous pour connaître le temps total utilisé en JavaScript.

console.time(label);
console.timeEnd(label);

Dans la syntaxe ci-dessus, les méthodes console.time() et console.timeEnd() prennent la même étiquette.

Exemple 3

Dans l'exemple ci-dessous, dans un premier temps, nous exécutons la méthode console.time() en passant la balise "Execution Time" en paramètre. Après cela, nous appelons la boucle 1 00 000 fois. Ensuite, nous appelons la méthode console.timeEnd() en utilisant la même étiquette pour imprimer le temps total écoulé dans la console.

// use the console.time() function to find the time elapsed
console.time('Execution time');
for (let i = 0; i < 100000; i++) {
   // Iterating through the loop
}
console.timeEnd('Execution time');

Utilisez la méthode Performance.now()

Les utilisateurs peuvent utiliser la méthode Performance.now() pour obtenir le temps total passé à exécuter le code JavaScript. Il renvoie le temps écoulé en millisecondes.

Grammaire

Les utilisateurs peuvent utiliser la méthode Performance.now() selon la syntaxe ci-dessous pour trouver le temps écoulé en JavaScript.

let startTime = performance.now();
let endTime = performance.now();
let timeElapsed = endTime - startTime;

Nous avons calculé la différence entre l'heure de début et l'heure de fin dans la syntaxe ci-dessus.

Exemple 4

Dans l'exemple ci-dessous, nous utilisons la méthode Performance.now() lorsque le code JavaScript commence à s'exécuter. Après cela, nous définissons l'heure sur 1 000 millisecondes à l'aide de la méthode setTime().

Une fois le délai écoulé, il exécutera la fonction de rappel qui appellera à nouveau la méthode Performance.now() et obtiendra la différence entre startTime et endTime pour trouver la durée d'exécution totale.

<html>
<body>
   <h3> Using the <i> performance.now() method </i> to find the time elapsed in JavaScript </h3>
   <div id="output"></div>
   <script>
      let output = document.getElementById('output');
      let startTime = performance.now();
      setTimeout(function () {
         let endTime = performance.now();
         let timeElapsed = endTime - startTime;
         output.innerHTML = 'Time elapsed: ' + timeElapsed + ' milliseconds';
      }, 1000);
   </script>
</body>
</html>

Conclusion

L'utilisateur a appris trois façons de trouver le temps écoulé en JavaScript. La première consiste à utiliser un objet Date(). La deuxième façon consiste à utiliser les méthodes console.time() et console.timeEnd(), qui impriment toujours l'heure dans la console. La troisième méthode consiste à utiliser la méthode Performance.now().

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：

Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer

Article précédent：Comment retourner une zone de texte verticalement à l'aide de FabricJS ?Article suivant：Comment retourner une zone de texte verticalement à l'aide de FabricJS ?

Articles Liés

Voir plus