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的设计模式
Nov 22 Javascript
基于JS实现导航条flash导航条
Jun 17 Javascript
jQuery Masonry瀑布流插件使用方法详解
Jan 18 Javascript
jQuery插件开发发送短信倒计时功能代码
May 09 jQuery
bootstrap switch开关组件使用方法详解
Aug 22 Javascript
关于vue-router的beforeEach无限循环的问题解决
Sep 09 Javascript
Vue 中的compile操作方法
Feb 26 Javascript
Vue对象赋值视图不更新问题及解决方法
Jun 03 Javascript
js实现旋转的星空效果
Nov 01 Javascript
JavaScript工具库MyTools详解
Jan 01 Javascript
vue+koa2搭建mock数据环境的详细教程
May 18 Javascript
详解JavaScript中new操作符的解析和实现
Sep 04 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
深入php define()函数以及defined()函数的用法详解
2013/06/05 PHP
PHP常见字符串处理函数用法示例【转换,转义,截取,比较,查找,反转,切割】
2016/12/24 PHP
php微信公众号开发之图片回复
2018/10/20 PHP
PHP7 字符串处理机制修改
2021/03/09 PHP
关于B/S判断浏览器断开的问题讨论
2008/10/29 Javascript
nodejs实用示例 缩址还原
2010/12/28 NodeJs
Jquery中Ajax 缓存带来的影响的解决方法
2011/05/19 Javascript
js简单实现根据身份证号码识别性别年龄生日
2013/11/29 Javascript
jquery判断小数点两位和自动删除小数两位后的数字
2014/03/19 Javascript
JS小游戏之象棋暗棋源码详解
2014/09/25 Javascript
javascript实现获取浏览器版本、浏览器类型
2015/12/02 Javascript
nodejs个人博客开发第四步 数据模型
2017/04/12 NodeJs
AngularJS 单选框及多选框的双向动态绑定
2017/04/20 Javascript
20行JS代码实现粘贴板复制功能
2018/02/06 Javascript
详解element上传组件before-remove钩子问题解决
2020/04/08 Javascript
如何基于filter实现网站整体变灰功能
2020/04/17 Javascript
[05:04]DOTA2上海特级锦标赛主赛事第二日TOP10
2016/03/04 DOTA
python模拟登陆阿里妈妈生成商品推广链接
2014/04/03 Python
pygame游戏之旅 如何制作游戏障碍
2018/11/20 Python
详解Python Matplotlib解决绘图X轴值不按数组排序问题
2019/08/05 Python
Python selenium爬虫实现定时任务过程解析
2020/06/08 Python
美国知名女性服饰品牌:New York & Company
2017/03/23 全球购物
财务部岗位职责
2013/11/19 职场文书
高中毕业生个人自我鉴定
2013/11/24 职场文书
应届护士求职信范文
2014/01/26 职场文书
医德医风演讲稿
2014/05/20 职场文书
民事诉讼代理授权委托书
2014/10/11 职场文书
2014幼儿园大班工作总结
2014/11/10 职场文书
英文升职感谢信
2015/01/23 职场文书
教师年度考核个人总结
2015/02/12 职场文书
庆七一主持词
2015/06/29 职场文书
学校中层领导培训心得体会
2016/01/11 职场文书
你会写请假条吗?
2019/06/26 职场文书
Golang 正则匹配效率详解
2021/04/25 Golang
Python基础之元类详解
2021/04/29 Python
Python  lambda匿名函数和三元运算符
2022/04/19 Python