Javascript实现的StopWatch功能示例


Posted in Javascript onJune 13, 2017

本文实例讲述了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实现的StopWatch功能示例

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

Javascript 相关文章推荐
javascript 火狐(firefox)不显示本地图片问题解决
Jul 05 Javascript
该如何加载google-analytics(或其他第三方)的JS
May 13 Javascript
XMLHTTP 乱码的解决方法(UTF8,GB2312 编码 解码)
Jan 12 Javascript
jquery触发a标签跳转事件示例代码
Jul 21 Javascript
replace()方法查找字符使用示例
Oct 28 Javascript
eclipse导入jquery包后报错的解决方法
Feb 17 Javascript
jquery无限级联下拉菜单简单实例演示
Nov 23 Javascript
jquery ajax结合thinkphp的getjson实现跨域的方法
Jun 06 Javascript
AngularJS表格添加序号的方法
Mar 03 Javascript
ES6新特性之Symbol类型用法分析
Mar 31 Javascript
详解vue2.0模拟后台json数据
May 16 Javascript
重置Redux的状态数据的方法实现
Nov 18 Javascript
原生JS实现图片懒加载(lazyload)实例
Jun 13 #Javascript
angular bootstrap timepicker TypeError提示怎么办
Jun 13 #Javascript
解决bootstrap下拉菜单点击立即隐藏bug的方法
Jun 13 #Javascript
javascript实现非常简单的小数取整功能示例
Jun 13 #Javascript
微信小程序 新建登录页并实现tabBar隐藏
Jun 13 #Javascript
Node.js使用orm2进行update操作时关联字段无法修改的解决方法
Jun 13 #Javascript
bootstrap timepicker在angular中取值并转化为时间戳
Jun 13 #Javascript
You might like
js下函数般调用正则的方法附代码
2008/06/22 PHP
PHP使用feof()函数读文件的方法
2014/11/07 PHP
PHP IDE phpstorm 常用快捷键
2015/05/18 PHP
PHP检测用户是否关闭浏览器的方法
2016/02/14 PHP
PHP小白必须要知道的php基础知识(超实用)
2017/10/10 PHP
PHP判断一个变量是否为整数、正整数的方法示例
2019/09/11 PHP
PHP开发api接口安全验证操作实例详解
2020/03/26 PHP
javascript中的prototype属性使用说明(函数功能扩展)
2010/08/16 Javascript
js密码强度检测
2016/01/07 Javascript
angularjs使用gulp-uglify压缩后执行报错的解决方法
2018/03/07 Javascript
JS加密插件CryptoJS实现的DES加密示例
2018/08/16 Javascript
node.js实现带进度条的多文件上传
2020/03/27 Javascript
vue实现跳转接口push 转场动画示例
2019/11/01 Javascript
angular异步验证防抖踩坑实录
2019/12/01 Javascript
[47:03]Ti4第二日主赛事败者组 LGD vs iG 2
2014/07/21 DOTA
python实现计算资源图标crc值的方法
2014/10/05 Python
Python中的MongoDB基本操作:连接、查询实例
2015/02/13 Python
Python中的descriptor描述器简明使用指南
2016/06/02 Python
浅谈numpy数组的几种排序方式
2017/12/15 Python
python文件操作之批量修改文件后缀名的方法
2018/08/10 Python
python3转换code128条形码的方法
2019/04/17 Python
pyqt5、qtdesigner安装和环境设置教程
2019/09/25 Python
互斥锁解决 Python 中多线程共享全局变量的问题(推荐)
2020/09/28 Python
最新PyCharm从安装到PyCharm永久激活再到PyCharm官方中文汉化详细教程
2020/11/17 Python
在Python中实现字典反转案例
2020/12/05 Python
用CSS3的box-reflect来制作倒影效果
2016/11/15 HTML / CSS
匡威英国官网:Converse英国
2018/12/02 全球购物
工程现场管理求职自荐信
2013/10/02 职场文书
商务英语求职自荐信范文
2013/12/24 职场文书
安全宣传标语
2014/06/10 职场文书
毕业生求职信范文
2014/06/29 职场文书
校园歌手大赛主持词
2015/07/03 职场文书
秋季运动会加油词
2015/07/18 职场文书
2016年村干部公开承诺书(公开承诺事项)
2016/03/25 职场文书
用Python实现一个打字速度测试工具来测试你的手速
2021/05/28 Python
html,css,javascript是怎样变成页面的
2023/05/07 HTML / CSS