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实现动态CSS换肤技术的脚本
Jun 29 Javascript
通过Mootools 1.2来操纵HTML DOM元素
Sep 15 Javascript
js+数组实现网页上显示时间/星期几的实用方法
Jan 18 Javascript
文本有关的样式和jQuery求对象的高宽问题分别说明
Aug 30 Javascript
javascript ready和load事件的区别示例介绍
Aug 30 Javascript
jQuery制作简单柱状图实例
Jan 28 Javascript
jQuery给多个不同元素添加class样式的方法
Mar 26 Javascript
Js实现简单的小球运动特效
Feb 18 Javascript
ES6中如何使用Set和WeakSet
Mar 10 Javascript
微信小程序 时间格式化(util.formatTime(new Date))详解
Nov 16 Javascript
Bootstrap CSS布局之表单
Dec 17 Javascript
实现jquery放大镜的两种方法
Feb 22 jQuery
原生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
咖啡知识 咖啡养豆要养多久 排气又是什么
2021/03/06 新手入门
php获取表单中多个同名input元素的值
2014/03/20 PHP
destoon公司主页模板风格的添加方法
2014/06/20 PHP
PHP架构及原理知识点详解
2019/12/22 PHP
一个可拖拽列宽表格实例演示
2012/11/26 Javascript
thinkphp中常用的系统常量和系统变量
2014/03/05 Javascript
JavaScript通过字符串调用函数的实现方法
2015/03/18 Javascript
详解Javascript中的Object对象
2016/02/28 Javascript
javascript数组去重小结
2016/03/07 Javascript
angular ng-click防止重复提交实例
2017/06/16 Javascript
vue2.0获取鼠标位置的方法
2018/09/13 Javascript
Javascript 实现 Excel 导入生成图表功能
2018/10/22 Javascript
如何用webpack4.0撸单页/多页脚手架 (jquery, react, vue, typescript)
2019/06/18 jQuery
javascript的惯性运动实现代码实例
2019/09/07 Javascript
JS如何实现网站中PC端和手机端自动识别并跳转对应的代码
2020/01/08 Javascript
用Python实现斐波那契(Fibonacci)函数
2016/03/25 Python
用tensorflow实现弹性网络回归算法
2018/01/09 Python
python3去掉string中的标点符号方法
2019/01/22 Python
Python中的 ansible 动态Inventory 脚本
2020/01/19 Python
最新2019Pycharm安装教程 亲测
2020/02/28 Python
Python 窗体(tkinter)下拉列表框(Combobox)实例
2020/03/04 Python
利用Python实现斐波那契数列的方法实例
2020/07/26 Python
Python classmethod装饰器原理及用法解析
2020/10/17 Python
python如何快速拼接字符串
2020/10/28 Python
利用CSS3参考手册和CSS3代码生成工具加速来学习网页制
2012/07/11 HTML / CSS
HTML5 Canvas如何实现纹理填充与描边(Fill And Stroke)
2013/07/15 HTML / CSS
自我评价范文
2013/12/22 职场文书
入学生会自荐书范文
2014/02/05 职场文书
简历中个人自我评价分享
2014/03/15 职场文书
会计学毕业生求职信
2014/06/25 职场文书
2014年幼儿园重阳节活动方案
2014/09/16 职场文书
《花钟》教学反思
2016/02/17 职场文书
如何起草一份正确的合伙创业协议书?
2019/07/04 职场文书
ObjectMapper 如何忽略字段大小写
2021/06/29 Java/Android
阿里云k8s服务升级时502错误 springboot项目应用
2022/04/09 Servers
解决spring.thymeleaf.cache=false不起作用的问题
2022/06/10 Java/Android