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 相关文章推荐
用于table内容排序
Jul 21 Javascript
javascript innerHTML、outerHTML、innerText、outerText的区别
Nov 24 Javascript
Extjs3.0 checkboxGroup 动态添加item实现思路
Aug 14 Javascript
使用CSS样式position:fixed水平滚动的方法
Feb 19 Javascript
jQuery前端开发35个小技巧
May 24 Javascript
vue学习之mintui picker选择器实现省市二级联动示例
Oct 12 Javascript
VUE实现可随意拖动的弹窗组件
Sep 25 Javascript
微信小程序人脸识别功能代码实例
May 07 Javascript
在vue中使用jsx语法的使用方法
Sep 30 Javascript
js编写简易的计算器
Jul 29 Javascript
antd 表格列宽自适应方法以及错误处理操作
Oct 27 Javascript
Vue中inheritAttrs的使用实例详解
Dec 31 Vue.js
原生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分页显示制作详细讲解
2006/12/05 PHP
图解找出PHP配置文件php.ini的路径的方法
2014/08/20 PHP
使用PHP下载CSS文件中的所有图片【几行代码即可实现】
2016/12/14 PHP
Yii2配置Nginx伪静态的方法
2017/05/05 PHP
Laravel框架使用技巧之使用url()全局函数返回前一个页面的地址方法详解
2020/04/06 PHP
jQuery 1.0.4 - New Wave Javascript(js源文件)
2007/01/15 Javascript
jQuery 使用手册(七)
2009/09/23 Javascript
基于jquery的cookie的用法
2011/01/10 Javascript
基于jquery的一个拖拽到指定区域内的效果
2011/09/21 Javascript
基于jQuery的遍历同id元素 并响应事件的代码
2012/06/14 Javascript
js解析与序列化json数据(一)json.stringify()的基本用法
2013/02/01 Javascript
Extjs4 GridPanel 的几种样式使用介绍
2013/04/18 Javascript
JS 精确统计网站访问量的实例代码
2013/07/05 Javascript
jquery网页回到顶部效果(图标渐隐,自写)
2014/06/16 Javascript
完美兼容各大浏览器的jQuery仿新浪图文淡入淡出间歇滚动特效
2014/11/12 Javascript
jQuery多条件筛选如何实现
2015/11/04 Javascript
在JavaScript中调用Java类和接口的方法
2016/09/07 Javascript
概述jQuery中的ajax方法
2016/12/16 Javascript
JavaScript如何实现图片处理与合成
2020/05/29 Javascript
[00:32]2018DOTA2亚洲邀请赛Secret出场
2018/04/03 DOTA
[04:03][TI9趣味短片] 小鸽子茶话会
2019/08/20 DOTA
Python的内存泄漏及gc模块的使用分析
2014/07/16 Python
python中的sort方法使用详解
2014/07/25 Python
深入浅出学习python装饰器
2017/09/29 Python
Python Web编程之WSGI协议简介
2018/07/18 Python
pycharm运行程序时在Python console窗口中运行的方法
2018/12/03 Python
Django REST framework视图的用法
2019/01/16 Python
Python 抓取微信公众号账号信息的方法
2019/06/14 Python
html Table 表头固定的实现
2019/01/22 HTML / CSS
少先队入队活动方案
2014/02/08 职场文书
经典公益广告词
2014/03/13 职场文书
销售内勤岗位职责
2014/04/15 职场文书
村抢险救灾方案
2014/05/09 职场文书
转学证明范本
2015/06/19 职场文书
初中生物教学反思
2016/02/20 职场文书
读《儒林外史》有感:少一些功利,多一些真诚
2020/01/19 职场文书