脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → Javascript实现的StopWatch

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程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • uni-app开发案例之video视频组件

    uni-app开发案例之video视频组件

    最近uni-app使用video组件碰到的一系列问题,所以下面这篇文章主要给大家介绍了关于uni-app开发案例之video视频组件的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-09-09
  • JS改变页面颜色源码分享

    JS改变页面颜色源码分享

    本篇文章是JS的一个网页制作小技巧，应用在很多地方，通过JS改变HTML页面的颜色，有兴趣的学习下。
    2018-02-02
  • JS实现的适合做faq或menu滑动效果示例

    JS实现的适合做faq或menu滑动效果示例

    这篇文章主要介绍了JS实现的适合做faq或menu滑动效果,结合实例形式分析了基于JS实现的页面元素滑动渐变效果的相关实现技巧,需要的朋友可以参考下
    2016-11-11
  • JavaScript中的Array对象使用说明

    JavaScript中的Array对象使用说明

    JavaScript中的Array对象是一个动态的数组，也是一个Stack,还是一个Dictionary
    2011-01-01
  • 前端如何控制并发请求举例详解

    前端如何控制并发请求举例详解

    在项目中我们会遇到一次请求多个接口,当所有请求结束后进行操作,也会遇到多个请求（大量）同时进行请求资源,这篇文章主要给大家介绍了关于前端如何控制并发请求举例的相关资料,需要的朋友可以参考下
    2024-09-09
  • 《JavaScript高级程序设计》阅读笔记（三） ECMAScript中的引用类型

    《JavaScript高级程序设计》阅读笔记（三） ECMAScript中的引用类型

    ECMAScript中的引用类型，主要包括Object类、Boolean类、Number类、String类、instanceof运算符
    2012-02-02
  • js clearInterval()方法的定义和用法

    js clearInterval()方法的定义和用法

    clearInterval()方法能够取消setInterval()方法设置的定时器，本文给大家详解clearInterval()方法的定义和用法，感兴趣的朋友参考下。
    2015-11-11
  • JavaScript数据结构之数组的表示方法示例

    JavaScript数据结构之数组的表示方法示例

    这篇文章主要介绍了JavaScript数据结构之数组的表示方法,从数据结构线性表的角度分析了数组的原理并结合实例形式分析了javascript数组的定义与使用方法,需要的朋友可以参考下
    2017-04-04
  • uniapp 使用自定义插槽 slot的基本步骤

    uniapp 使用自定义插槽 slot的基本步骤

    在 uni-app 中使用自定义插槽（slots）可以让开发者在封装的组件内部定义可替换内容区域，从而实现高度定制化的组件复用，以下是如何在 uni-app 中使用自定义插槽的基本步骤,需要的朋友可以参考下
    2024-04-04
  • js实现在网页上简单显示时间的方法

    js实现在网页上简单显示时间的方法

    这篇文章主要介绍了js实现在网页上简单显示时间的方法,实例分析了javascript实时显示时间的技巧,需要的朋友可以参考下
    2015-03-03

最新评论