Javascript实现的StopWatch功能示例

更新时间：2017年06月13日 09:52:23 作者：_iorilan

这篇文章主要介绍了Javascript实现的StopWatch功能,结合具体实例形式分析了javascript自定义StopWatch实现测试运行时间功能的相关操作技巧,需要的朋友可以参考下

本文实例讲述了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相关内容感兴趣的读者可查看本站专题：《JavaScript字符与字符串操作技巧总结》、《JavaScript数学运算用法总结》、《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript遍历算法与技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:

js制作轮播图效果
这篇文章主要为大家详细介绍了js制作轮播图效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-10-10
js综合应用实例简单的表格统计
在做调查问卷的过程中，遇到一个表格的统计问题，一个需要用到js方面的综合知识，感觉还不错所以记录下来与大家分享，感兴趣的朋友可以了解下
2013-09-09
Bootstrap实现的标签页内容切换显示效果示例
这篇文章主要介绍了Bootstrap实现的标签页内容切换显示效果,结合完整实例形式分析了基于Bootstrap实现的标签页内容切换显示功能相关操作技巧,非常简单实用,需要的朋友可以参考下
2017-05-05
Javascript前端UI框架Kit使用指南之kitjs的对话框组件
本文以kitjs对话框组件为例，给我们详细介绍了kitjs的组件目录、默认代码模板、构造器及初始方法、以及Kitjs继承。讲解的非常细致，对我们熟练掌握kitjs组件很有帮助。
2014-11-11
javascript带回调函数的异步脚本载入方法实例分析
这篇文章主要介绍了javascript带回调函数的异步脚本载入方法,以实例形式较为详细的分析了javascript回调函数实现异步载入的定义与使用技巧,需要的朋友可以参考下
2015-07-07
微信小程序使用setData修改数组中单个对象的方法分析
这篇文章主要介绍了微信小程序使用setData修改数组中单个对象的方法,结合具体实例形式分析了setData进行数组修改的相关操作技巧与注意事项,需要的朋友可以参考下
2018-12-12
JS中的oninput和onchange事件的区别及如何正确使用
在JavaScript中,oninput和onchange事件是用于处理用户输入的常见事件,本文将介绍oninput和onchange事件的区别,以及如何在实际开发中正确使用它们,感兴趣的朋友跟随小编一起看看吧
2023-10-10
小程序ios音频播放没声音问题的解决
这篇文章主要介绍了小程序ios音频播放没声音问题的解决，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-07-07
18个高频使用的JS工具方法总结
这篇文章主要为大家分享一下18个在项目中使用很高频的JS工具方法，希望大家能够知其然也知其所以然，不要只会调用 api，也要会写 api，快跟随小编一起学习一下吧
2022-04-04
Layui 导航默认展开和菜单栏选中高亮设置的方法
今天小编就为大家分享一篇Layui 导航默认展开和菜单栏选中高亮设置的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09