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 相关文章推荐
jQuery 对象中的类数组操作
Apr 27 Javascript
JavaScript格式化数字的函数代码
Nov 30 Javascript
js加入收藏夹代码(兼容ie/ff/op)
May 16 Javascript
Javascript 多物体运动的实现
Dec 24 Javascript
jquery使用animate方法实现控制元素移动
Mar 27 Javascript
js制作网站首页图片轮播特效代码
Aug 30 Javascript
H5移动端图片压缩上传开发流程
Nov 09 Javascript
详谈Ajax请求中的async:false/true的作用(ajax 在外部调用问题)
Feb 10 Javascript
js实现一个猜数字游戏
Mar 31 Javascript
JS简单实现点击按钮或文字显示遮罩层的方法
Apr 27 Javascript
详解如何探测小程序返回到webview页面
May 14 Javascript
微信小程序进入广告实现代码实例
Sep 19 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应用提速面面观
2006/10/09 PHP
php将数据库导出成excel的方法
2010/05/07 PHP
PHP实现的简单适配器模式示例
2017/06/22 PHP
仿服务器端脚本方式的JS模板实现方法
2007/04/27 Javascript
13个PHP函数超实用
2015/10/21 Javascript
Backbone.js框架中简单的View视图编写学习笔记
2016/02/14 Javascript
NODE.JS跨域问题的完美解决方案
2016/10/20 Javascript
Bootstrap的modal拖动效果
2016/12/25 Javascript
Express系列之multer上传的使用
2017/10/27 Javascript
Vue-cli项目获取本地json文件数据的实例
2018/03/07 Javascript
js实现弹出框的拖拽效果实例代码详解
2019/04/16 Javascript
vue-cli设置publicPath小记
2020/04/14 Javascript
Vue点击切换Class变化,实现Active当前样式操作
2020/07/17 Javascript
node.js通过Sequelize 连接MySQL的方法
2020/12/28 Javascript
[02:47]2018年度DOTA2最佳辅助位选手4号位-完美盛典
2018/12/17 DOTA
python实现代理服务功能实例
2013/11/15 Python
Python中的并发编程实例
2014/07/07 Python
Python中使用pprint函数进行格式化输出的教程
2015/04/07 Python
python交互式图形编程实例(三)
2017/11/17 Python
Python基于高斯消元法计算线性方程组示例
2018/01/17 Python
Python3.6实现连接mysql或mariadb的方法分析
2018/05/18 Python
基于MATLAB和Python实现MFCC特征参数提取
2019/08/13 Python
Python实现平行坐标图的绘制(plotly)方式
2019/11/22 Python
使用python批量修改XML文件中图像的depth值
2020/07/22 Python
python 字符串格式化的示例
2020/09/21 Python
CSS3 三维变形实现立体方块特效源码
2016/12/15 HTML / CSS
涂鸦板简单实现 Html5编写属于自己的画画板
2016/07/05 HTML / CSS
在家更换处方镜片:Lensabl
2019/05/01 全球购物
Footshop罗马尼亚:最好的运动鞋选择
2019/09/10 全球购物
后勤自我鉴定
2013/10/13 职场文书
员工手册编写范本
2015/05/14 职场文书
肖申克的救赎观后感
2015/06/02 职场文书
优秀志愿者感言
2015/08/01 职场文书
大学迎新生的欢迎词
2019/06/25 职场文书
Python 阶乘详解
2021/10/05 Python
KVM基础命令详解
2022/04/30 Servers