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网页关闭时提醒效果脚本
Oct 22 Javascript
zShowBox 图片放大展示jquery版 兼容性
Sep 24 Javascript
jQuery 过滤not()与filter()实例代码
May 10 Javascript
javascript随机之洗牌算法深入分析
Jun 07 Javascript
jquery用data方法获取某个元素上的事件
Jun 23 Javascript
jquery实现页面百叶窗走马灯式翻滚显示效果的方法
Mar 12 Javascript
Seajs是什么及sea.js 由来,特点以及优势
Oct 13 Javascript
jQuery实现文字超过1行、2行或规定的行数时自动加省略号的方法
Mar 28 jQuery
解决vue中post方式提交数据后台无法接收的问题
Aug 11 Javascript
微信小程序文章详情页面实现代码
Sep 10 Javascript
说说如何利用 Node.js 代理解决跨域问题
Apr 22 Javascript
JavaScript实现五子棋小游戏
Oct 26 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 快速生成 Flash 动画的方法
2007/03/06 PHP
php echo, print, print_r, sprintf, var_dump, var_expor的使用区别
2013/06/20 PHP
PHP实现取得HTTP请求的原文
2014/08/18 PHP
PHP记录搜索引擎蜘蛛访问网站足迹的方法
2015/04/15 PHP
php处理带有中文URL的方法
2016/07/11 PHP
php如何利用pecl安装mongodb扩展详解
2019/01/09 PHP
PHP+MySql实现一个简单的留言板
2020/07/19 PHP
一个cssQuery对象 javascript脚本实现代码
2009/07/21 Javascript
jquery命令汇总,方便使用jquery的朋友
2012/06/26 Javascript
使用AngularJS创建自定义的过滤器的方法
2015/06/18 Javascript
JS实现淡蓝色简洁竖向Tab点击切换效果
2015/10/06 Javascript
Bootstrap每天必学之标签与徽章
2015/11/27 Javascript
基于HTML5+JS实现本地图片裁剪并上传功能
2017/03/24 Javascript
TypeScript入门-基本数据类型
2017/03/28 Javascript
详谈js使用in和hasOwnProperty获取对象属性的区别
2017/04/25 Javascript
原生js轮播特效
2017/05/18 Javascript
ES6新特性之类(Class)和继承(Extends)相关概念与用法分析
2017/05/24 Javascript
JavaScript学习笔记之图片库案例分析
2019/01/08 Javascript
Python获取指定文件夹下的文件名的方法
2018/02/06 Python
用python简单实现mysql数据同步到ElasticSearch的教程
2018/05/30 Python
如何使用Python进行OCR识别图片中的文字
2019/04/01 Python
PyTorch中permute的用法详解
2019/12/30 Python
Python连接Hadoop数据中遇到的各种坑(汇总)
2020/04/14 Python
python操作微信自动发消息的实现(微信聊天机器人)
2020/07/14 Python
基于OpenCV的网络实时视频流传输的实现
2020/11/15 Python
使用Html5中的cavas画一面国旗
2019/09/25 HTML / CSS
新加坡领先的时尚生活方式零售品牌:CHARLES & KEITH
2018/01/16 全球购物
法律工作求职自荐信
2013/10/31 职场文书
幼教求职信
2014/03/12 职场文书
教师师德师风自我剖析材料
2014/09/29 职场文书
新郎父亲婚礼致辞
2015/07/27 职场文书
2016新年问候语大全
2015/11/11 职场文书
2016大学生诚信考试承诺书
2016/03/25 职场文书
市直属机关2016年主题党日活动总结
2016/04/05 职场文书
编写python程序的90条建议
2021/04/14 Python
golang 实用库gotable的具体使用
2021/07/01 Golang