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代码
Aug 29 Javascript
js实现两个值相加alert出来精确到指定位
Sep 25 Javascript
jquery 判断滚动条到达了底部和顶端的方法
Apr 02 Javascript
js冒泡、捕获事件及阻止冒泡方法详细总结
May 08 Javascript
基于javascript实现的购物商城商品倒计时实例
Dec 11 Javascript
jquery实现图片平滑滚动详解
Mar 22 jQuery
BootStrap数据表格实例代码
Sep 13 Javascript
vue-cli 引入、配置axios的方法
May 08 Javascript
jQuery插件实现弹性运动完整示例
Jul 07 jQuery
VUE 实现滚动监听 导航栏置顶的方法
Sep 11 Javascript
少女风vue组件库的制作全过程
May 15 Javascript
vant自定义二级菜单操作
Nov 02 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的curl实现get,post和cookie(实例介绍)
2013/06/17 PHP
Codeigniter框架的更新事务(transaction)BUG及解决方法
2014/07/25 PHP
浅析PHP反序列化中过滤函数使用不当导致的对象注入问题
2020/02/15 PHP
JQuery的ready函数与JS的onload的区别详解
2013/11/21 Javascript
JavaScript实现存储HTML字符串示例
2014/04/21 Javascript
jQuery取id有.的值的方法
2014/05/21 Javascript
jQuery插件uploadify实现ajax效果的图片上传
2016/06/18 Javascript
JavaScript比较当前时间是否在指定时间段内的方法
2016/08/02 Javascript
浅谈JS继承_寄生式继承 &amp; 寄生组合式继承
2016/08/16 Javascript
浅谈jquery高级方法描述与应用
2016/10/04 Javascript
JS实现禁止鼠标右键的功能
2016/10/15 Javascript
基于JavaScript实现自动更新倒计时效果
2016/12/19 Javascript
js评分组件使用详解
2017/06/06 Javascript
详解React Native开源时间日期选择器组件(react-native-datetime)
2017/09/13 Javascript
vue this.reload 方法 配置
2018/09/12 Javascript
vue实现滑动切换效果(仅在手机模式下可用)
2020/06/29 Javascript
vue引用外部JS的两种种方法
2020/01/28 Javascript
Vue axios与Go Frame后端框架的Options请求跨域问题详解
2020/03/03 Javascript
JavaScript 声明私有变量的两种方式
2021/02/05 Javascript
[01:14:19]NAVI vs Mineski 2019国际邀请赛淘汰赛 败者组BO1 8.20.mp4
2020/07/19 DOTA
跟老齐学Python之关于循环的小伎俩
2014/10/02 Python
让Python更加充分的使用Sqlite3
2017/12/11 Python
在Python中实现替换字符串中的子串的示例
2018/10/31 Python
Python 合并多个TXT文件并统计词频的实现
2019/08/23 Python
python 实现表情识别
2020/11/21 Python
Python入门基础之数字字符串与列表
2021/02/01 Python
利用CSS3伪元素实现逐渐发光的方格边框
2017/05/07 HTML / CSS
localStorage 设置过期时间的方法实现
2018/12/21 HTML / CSS
将HTML5 Canvas的内容保存为图片借助toDataURL实现
2013/05/20 HTML / CSS
解析HTML5的存储功能和web SQL的相关操作方法
2016/02/19 HTML / CSS
加拿大时尚床上用品零售商:QE Home | Quilts Etc
2018/01/22 全球购物
美国购买体育、音乐会和剧院门票网站:SelectATicket
2019/09/08 全球购物
中医专业应届生求职信
2013/11/17 职场文书
业务部经理岗位职责
2014/01/04 职场文书
房屋租赁意向书
2014/04/01 职场文书
SQL试题 使用窗口函数选出连续3天登录的用户
2022/04/24 Oracle