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 相关文章推荐
事件模型在各浏览器中存在差异
Oct 20 Javascript
防止登录页面出现在frame中js代码
Jul 22 Javascript
浅谈Jquery为元素绑定事件
Apr 27 Javascript
css如何让浮动元素水平居中
Aug 07 Javascript
jQuery插件开发精品教程(让你的jQuery更上一个台阶)
Nov 07 Javascript
浅析JS操作DOM的一些常用方法
May 13 Javascript
Vue概念及常见命令介绍(1)
Dec 08 Javascript
JQuery实现动态操作表格
Jan 11 Javascript
Vue.js样式动态绑定实现小结
Jan 24 Javascript
简单了解JavaScript中常见的反模式
Jun 21 Javascript
js中关于Blob对象的介绍与使用
Nov 29 Javascript
Flexible.js可伸缩布局实现方法详解
Nov 13 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
codeigniter发送邮件并打印调试信息的方法
2015/03/21 PHP
PHP MVC框架skymvc支持多文件上传
2016/05/26 PHP
php使用PDO下exec()函数查询执行后受影响行数的方法
2017/03/28 PHP
PHP工厂模式简单实现方法示例
2018/05/23 PHP
使用upstart把nodejs应用封装为系统服务实例
2014/06/01 NodeJs
推荐一款jQuery插件模板
2015/01/09 Javascript
javascript实现框架高度随内容改变的方法
2015/07/23 Javascript
利用HTML5的画布Canvas实现刮刮卡效果
2015/09/06 Javascript
JS简单循环遍历json数组的方法
2016/04/22 Javascript
JS异步文件分片断点上传的实现思路
2016/12/25 Javascript
JS作用域深度解析
2016/12/29 Javascript
JS解决position:sticky的兼容性问题的方法
2017/10/17 Javascript
vue项目中api接口管理总结
2018/04/20 Javascript
JavaScript面向对象的程序设计(犯迷糊的小羊)
2018/05/27 Javascript
使用imba.io框架得到比 vue 快50倍的性能基准
2019/06/17 Javascript
JavaScript 自定义html元素鼠标右键菜单功能
2019/12/02 Javascript
JS实现“全选”和&quot;全不选&quot;功能代码实例
2020/02/06 Javascript
[49:13]DOTA2上海特级锦标赛C组资格赛#1 OG VS LGD第一局
2016/02/27 DOTA
[01:01:42]Secret vs Optic Supermajor 胜者组 BO3 第二场 6.4
2018/06/05 DOTA
Python中使用dom模块生成XML文件示例
2015/04/05 Python
python抓取文件夹的所有文件
2018/02/27 Python
Python3.6.0+opencv3.3.0人脸检测示例
2018/05/25 Python
python flask web服务实现更换默认端口和IP的方法
2019/07/26 Python
Python实现代码统计工具
2019/09/19 Python
python torch.utils.data.DataLoader使用方法
2020/04/02 Python
pycharm 实现调试窗口恢复
2021/02/05 Python
pycharm 实现光标快速移动到括号外或行尾的操作
2021/02/05 Python
美国木工工具和用品商店:Woodcraft
2019/10/30 全球购物
某公司部分笔试题
2013/11/05 面试题
团队口号大全
2014/06/06 职场文书
政风行风整改报告
2014/11/06 职场文书
租车协议书范本2014
2014/11/17 职场文书
雨花台导游词
2015/02/06 职场文书
2015年机关后勤工作总结
2015/05/26 职场文书
红色经典观后感
2015/06/18 职场文书
如何利用python实现列表嵌套字典取值
2022/06/10 Python