Maison >interface Web >js tutoriel >Explication détaillée du didacticiel d'exemple de fonction StopWatch utilisant Javascript

Explication détaillée du didacticiel d'exemple de fonction StopWatch utilisant Javascript

零下一度original: 2017-06-15 13:23:161225parcourir

Cet article présente principalement la fonction StopWatch implémentée par Javascript et analyse les techniques de fonctionnement associées à la personnalisation de StopWatch en JavaScript pour implémenter la fonction de temps d'exécution du test sur la base d'exemples spécifiques. Les amis dans le besoin peuvent se référer à ce qui suit

Les exemples de cet article décrivent la fonction StopWatch implémentée en Javascript. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Parfois, js est nécessaire pour écrire certaines fonctions à des fins de test. Si vous avez besoin de tester le temps d'exécution, vous aurez peut-être besoin d'un chronomètre :

<.>Classe StopWatch :

function stopWatch() {
}
stopWatch.prototype.Start = function () {
  this.startD = new Date();
  return this;
};
stopWatch.prototype.Stop = function () {
  this.startD = new Date();
  return this;
};
stopWatch.prototype.Seconds = function () {
  return Math.abs((new Date() - this.startD) / 1000);
};

Exemple d'utilisation (test de la séquence de Fibonacci) :

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>StopWatch</title>
</head>
<body>
<script >
function stopWatch() {
}
stopWatch.prototype.Start = function () {
  this.startD = new Date();
  return this;
};
stopWatch.prototype.Stop = function () {
  this.startD = new Date();
  return this;
};
stopWatch.prototype.Seconds = function () {
  return Math.abs((new Date() - this.startD) / 1000);
};
var sw = new stopWatch().Start();
(function f(n){return n == 1 || n == 2 ? 1 : f(n-1)+f(n-2);})(45);
alert(sw.Seconds());
</script>
</body>
</html>

Le diagramme d'effet de fonctionnement est le suivant :

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

Article précédent：10 articles recommandés sur les imagesArticle suivant：10 articles recommandés sur les images

Articles Liés

Voir plus