Javascript实现的StopWatch功能示例

2024-10-20 10:33:02

本文实例讲述了Javascript实现的StopWatch功能。分享给大家供大家参考，具体如下：

有时会需要js来写一些函数进行测试，如果需要测试执行时间，可能需要一个stopwatch：

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);
};

用法示例（测试斐波那契数列）：

<!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>

运行效果图如下：

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript字符与字符串操作技巧总结》、《JavaScript数学运算用法总结》、《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript遍历算法与技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

JS简单测试循环运行时间的方法

本文实例讲述了JS简单测试循环运行时间的方法.分享给大家供大家参考,具体如下: <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>JS 测试循环运行的时间</title> <script> var arr = []; var max = 10000000; //加载 window.addE
js获取当前时间显示在页面上并每秒刷新

方法很简单,代码也很简洁,直接奉上代码吧复制代码代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js获取当前时间显示在页面上</title> <script> window.onload=function(){ //定时器每秒调用一次fnDate() setInterval(f
js实现网页倒计时、网站已运行时间功能的代码3例

1.jQuery.countdown插件显示格式:50 周 01 天 07 小时 18 分 41 秒(秒为跑秒)一个页面可以有多个倒计时实例,可以停止和开始,它没有提供太多的功能,但时间格式和输出的尺寸都可以自定义.目前最新版v2.0.2,官方地址http://hilios.github.io/jQuery.countdown/例如: 复制代码代码如下: <div id="getting-started"></div><script src="
计算100000数组js脚本的执行时间

计算100000数组的执行时间 var arr=new Array(100000).join(".;.").split(";"); var d=new Date(); for(var i=0;i [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
用js计算页面执行时间的函数

从别的站看到的一个不错的用js计算页面执行时间,比用asp要好点啊<script language=javascript>  </script> <script language=javascript>d=new Date();endTime=d.getTime ();document.write((
用js实现计算加载页面所用的时间

客户端代码写法: 在页面Head部分加入初始时间复制代码代码如下: <script language=javascript> var t1 = new Date().getTime(); </script> 在Body中加入复制代码代码如下: <SCRIPT LANGUAGE="JavaScript"> window.onload = function() { document.getElementById("TimeShow&qu
JavaScript实现页面实时显示当前时间的简单实例

复制代码代码如下: <html> <head> <title>JavaScript实现页面实时显示当前时间</title> </head> <body> <script language="javascript"> function showtime() { var today,hour,second,minute,year,month,date; var strDate ; today=new Da
js 页面执行时间计算代码

复制代码代码如下: <script language=javascript>  </script> <script language=javascript>d=new Date();endTime=d.getTime ();document.write((endTime-startTime)/1000);<
页面实时更新时间的JS实例代码

复制代码代码如下: function startTime() { var today = new Date(); //定义日期对象 var yyyy = today.getFullYear(); //通过日期对象的getFullYear()方法返回年 var MM = today.getMonth() + 1; //通过日期对象的getMonth()方法返回年
获取焦点时,利用js定时器设定时间执行动作

进入正题,先说说定时器. 在javascritp中,有两个关于定时器的专用函数,分别为: 1.倒计定时器:timename=setTimeout("function();",delaytime); 2.循环定时器:timename=setInterval("function();",delaytime); 第一个参数"function()"是定时器触发时要执行的动作,可以是一个函数,也可以是几个函数,函数间用":"隔开即可.比
js查看一个函数的执行时间实例代码

具体不多说了,请看下文代码实例讲解如下有一个求和的函数,我们要知道这个函数执行需要的时间 function add(){ var sum = 0 ; for(var i = 0;i<1000000;i++){ sum += i; } return sum; } 定义一个测试函数,将待测函数作为参数传入 function test(func){ var start = new Date().getTime();//起始时间 func();//执行待测函数 var end = new Date()
js执行时间查看器

效果如图所示:演示代码: test onerror = function() { location.reload(); return true; } Test.run( '内部定义' ); for( var i=0; i [Ctrl+A 全选注:如需引入外部Js需刷新才能执行] 文中所用到的runtime.js下载地址

Javascript实现的StopWatch功能示例

相关推荐

随机推荐