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  THIS详解 面向对象
Mar 25 Javascript
用javascript替换URL中的参数值示例代码
Jan 27 Javascript
JS实现很酷的水波文字特效实例
Feb 26 Javascript
AngularJS ng-bind-template 指令详解
Jul 30 Javascript
解析如何利用iframe标签以及js制作时钟
Dec 08 Javascript
Vue.js -- 过滤器使用总结
Feb 18 Javascript
zTree树形插件异步加载方法详解
Jun 14 Javascript
Node.js中的child_process模块详解
Jun 08 Javascript
vue element table 表格请求后台排序的方法
Sep 28 Javascript
基于elementUI实现图片预览组件的示例代码
Mar 31 Javascript
详解JQuery基础动画操作
Apr 12 jQuery
vue解决使用$http获取数据时报错的问题
Oct 30 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 gd2 上传图片/文字水印/图片水印/等比例缩略图/实现代码
2010/05/15 PHP
PHP的Yii框架中移除组件所绑定的行为的方法
2016/03/18 PHP
详解PHP使用日期时间处理器Carbon人性化显示时间
2017/08/10 PHP
关于laravel-admin ueditor 集成并解决刷新的问题
2019/10/21 PHP
PHP开发api接口安全验证操作实例详解
2020/03/26 PHP
JQuery 引发两次$(document.ready)事件
2010/01/15 Javascript
javascript setTimeout()传递函数参数(包括传递对象参数)
2010/04/07 Javascript
js 第二代身份证号码的验证机制代码
2011/05/12 Javascript
js 获取屏幕各种宽高的方法(浏览器兼容)
2013/05/15 Javascript
Jquery中基本选择器用法实例详解
2015/05/18 Javascript
js点击列表文字对应该行显示背景颜色的实现代码
2015/08/05 Javascript
纯js仿淘宝京东商品放大镜功能
2017/03/02 Javascript
Node.js中流(stream)的使用方法示例
2017/07/16 Javascript
swiper动态改变滑动内容的实现方法
2018/01/17 Javascript
解析vue路由异步组件和懒加载案例
2018/06/08 Javascript
js的新生代垃圾回收知识点总结
2019/08/22 Javascript
Vue3 源码导读(推荐)
2019/10/14 Javascript
python 正则式使用心得
2009/05/07 Python
学习python的几条建议分享
2013/02/10 Python
Python设计模式编程中Adapter适配器模式的使用实例
2016/03/02 Python
python图书管理系统
2020/04/05 Python
对pycharm代码整体左移和右移缩进快捷键的介绍
2018/07/16 Python
python实现倒计时小工具
2019/07/29 Python
Python 实例方法、类方法、静态方法的区别与作用
2019/08/14 Python
Selenium python时间控件输入问题解决方案
2020/07/22 Python
详解使用scrapy进行模拟登陆三种方式
2021/02/21 Python
使用CSS禁止textarea调整大小功能的方法
2015/03/13 HTML / CSS
使用css实现android系统的loading加载动画
2019/07/25 HTML / CSS
加拿大在线旅游公司:Flighthub
2019/03/11 全球购物
Mybag美国/加拿大:英国奢华包包和名牌手袋网站
2020/02/16 全球购物
KEEN美国官网:美国人气户外休闲鞋品牌
2021/03/09 全球购物
最新大学生创业计划书写作攻略
2014/04/02 职场文书
初中生散播谣言检讨书
2014/11/17 职场文书
php字符串倒叙
2021/04/01 PHP
基于Golang 高并发问题的解决方案
2021/05/08 Golang
Python内置包对JSON文件数据进行编码和解码
2022/04/12 Python