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 相关文章推荐
JS字符串累加Array不一定比字符串累加快(根据电脑配置)
May 14 Javascript
ajax页面无刷新 IE下遭遇Ajax缓存导致数据不更新的问题
Dec 11 Javascript
setInterval,setTimeout与jquery混用的问题
Apr 08 Javascript
js获得参数的getParameter使用示例
Feb 26 Javascript
两种不同的方法实现js对checkbox进行全选和反选
May 13 Javascript
学习JavaScript设计模式之观察者模式
Apr 22 Javascript
JS中使用FormData上传文件、图片的方法
Aug 07 Javascript
vue.js实现表格合并示例代码
Nov 30 Javascript
浅谈ECMAScript6新特性之let、const
Aug 02 Javascript
vue调试工具vue-devtools安装及使用方法
Nov 07 Javascript
layui动态绑定事件的方法
Sep 20 Javascript
利用uni-app生成微信小程序的踩坑记录
Apr 05 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
删除及到期域名的查看(抢域名必备哦)
2008/05/14 PHP
php zend 相对路径问题
2009/01/12 PHP
Zend 输出产生XML解析错误
2009/03/03 PHP
用sql命令修改数据表中的一个字段为非空(not null)的语句
2010/06/04 PHP
async和DOM Script文件加载比较
2014/07/20 PHP
让iframe自适应高度(支持XHTML,支持FF)
2007/07/24 Javascript
几个常用的JavaScript字符串处理函数 - split()、join()、substring()和indexOf()
2009/06/02 Javascript
用JQuery 实现AJAX加载XML并解析的脚本
2009/07/25 Javascript
Jquery下:nth-child(an+b)的使用注意
2011/05/28 Javascript
IE下使用cloneNode注意事项分享
2012/11/22 Javascript
关于jquery css的使用介绍
2013/04/18 Javascript
利用javascript实现web页面中指定区域打印
2013/10/30 Javascript
深入了解Node.js中的一些特性
2014/09/25 Javascript
基于JS实现导航条flash导航条
2016/06/17 Javascript
值得分享的bootstrap table实例
2016/09/22 Javascript
微信开发 微信授权详解
2016/10/21 Javascript
工作中常用的js、jquery自定义扩展函数代码片段汇总
2016/12/22 Javascript
Bootstrap模态框(Modal)实现过渡效果
2017/03/17 Javascript
jQuery UI Grid 模态框中的表格实例代码
2017/04/01 jQuery
javascript定时器取消定时器及优化方法
2017/07/08 Javascript
vue webpack打包优化操作技巧
2018/02/22 Javascript
jsonp跨域获取数据的基础教程
2018/07/01 Javascript
移动端吸顶fixbar的解决方案详解
2019/07/17 Javascript
[00:34]TI7不朽珍藏III——纯金地穴编织者饰品展示
2017/07/15 DOTA
python list排序的两种方法及实例讲解
2017/03/20 Python
关于Python如何避免循环导入问题详解
2017/09/14 Python
Python遍历文件夹 处理json文件的方法
2019/01/22 Python
如何使用python代码操作git代码
2020/02/29 Python
澳大利亚新奇小玩意网站:Yellow Octopus
2017/12/28 全球购物
函数指针的定义是什么
2016/08/14 面试题
业务员岗位职责范本
2013/12/15 职场文书
应届生求职自荐信范文
2015/03/04 职场文书
车间质检员岗位职责
2015/04/08 职场文书
2015年教学副校长工作总结
2015/07/22 职场文书
《所见》教学反思
2016/02/23 职场文书
golang操作rocketmq的示例代码
2022/04/06 Golang