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 19 Javascript
关于Mozilla浏览器不支持innerText的解决办法
Jan 01 Javascript
ExtJS4如何给同一个formpanel不同的url
May 02 Javascript
checkbox勾选判断代码分析
Jun 11 Javascript
javascript使用正则获取url上的某个参数
Sep 04 Javascript
纯javaScript、jQuery实现个性化图片轮播【推荐】
Jan 08 Javascript
js实现图片加载淡入淡出效果
Apr 07 Javascript
AngularJS创建一个上传照片的指令实例代码
Feb 24 Javascript
基于Proxy的小程序状态管理实现
Jun 14 Javascript
Vue 权限控制的两种方法(路由验证)
Aug 16 Javascript
js消除图片小游戏代码
Dec 11 Javascript
Openlayers显示地理位置坐标的方法
Sep 28 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
dede3.1分页文字采集过滤规则详说(图文教程)续四
2007/04/03 PHP
PHP取进制余数函数代码
2012/01/19 PHP
PHP针对多用户实现更换头像功能
2016/09/04 PHP
PHP mysqli事务操作常用方法分析
2017/07/22 PHP
PHP中的自动加载操作实现方法详解
2019/08/06 PHP
用jquery实现下拉菜单效果的代码
2010/07/25 Javascript
jquery实现可拖动DIV自定义保存到数据的实例
2013/11/20 Javascript
JavaScript实现动态删除列表框值的方法
2015/08/12 Javascript
微信小程序 实战实例开发流程详细介绍
2017/01/05 Javascript
jQuery Ajax实现跨域请求
2017/01/21 Javascript
用JS实现根据当前时间随机生成流水号或者订单号
2018/05/31 Javascript
对vuejs的v-for遍历、v-bind动态改变值、v-if进行判断的实例讲解
2018/08/27 Javascript
this.$toast() 了解一下?
2019/04/18 Javascript
微信小程序通过js实现瀑布流布局详解
2019/08/28 Javascript
JS数组方法push()、pop()用法实例分析
2020/01/18 Javascript
JS XMLHttpRequest原理与使用方法深入详解
2020/04/30 Javascript
vue自定义组件(通过Vue.use()来使用)即install的用法说明
2020/08/11 Javascript
解决vue-loader加载不上的问题
2020/10/21 Javascript
Python基于回溯法子集树模板解决数字组合问题实例
2017/09/02 Python
Django视图之ORM数据库查询操作API的实例
2017/10/27 Python
Python中单、双下划线的区别总结
2017/12/01 Python
Pandas标记删除重复记录的方法
2018/04/08 Python
Python一句代码实现找出所有水仙花数的方法
2018/11/13 Python
python使用knn实现特征向量分类
2018/12/26 Python
如何用C代码给Python写扩展库(Cython)
2019/05/17 Python
利用Python的folium包绘制城市道路图的实现示例
2020/08/24 Python
用60行代码实现Python自动抢微信红包
2021/02/04 Python
python中最小二乘法详细讲解
2021/02/19 Python
英国最大的高品质珠宝和手表专家:Goldsmiths
2017/03/11 全球购物
会计学专业学生的求职信范文
2014/01/27 职场文书
2014学雷锋活动心得体会
2014/03/10 职场文书
基层党员群众路线教育实践活动个人对照检查材料思想汇报
2014/10/05 职场文书
2014年公务员转正工作总结
2014/11/07 职场文书
2016春季运动会前导词
2015/11/25 职场文书
只需要这一行代码就能让python计算速度提高十倍
2021/05/24 Python
修改并编译golang源码的操作步骤
2021/07/25 Golang