Maison > interface Web > js tutoriel > le corps du texte

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

零下一度
Libérer: 2017-06-15 13:23:16
original
1205 Les gens l'ont consulté

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);
};
Copier après la connexion

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>
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal