Javascript实现的StopWatch功能示例

发布时间 - 2026-01-11 01:51:25    点击率:

本文实例讲述了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程序设计有所帮助。


# Javascript  # StopWatch  # 如何使用C# Stopwatch 测量微秒级精确度  # Java计时器StopWatch实现方法代码实例  # Spring计时器StopWatch使用示例  # .NET/C# 使用Stopwatch测量运行时间  # Spring StopWatch使用实例详解  # Java计时新姿势StopWatch详解  # 秒表计时器以及STOPWATCH(实例讲解)  # C#使用StopWatch获取程序毫秒级执行时间的方法  # Spring计时器stopwatch使用详解  # 操作技巧  # 相关内容  # 遍历  # 执行时间  # 感兴趣  # 数据结构  # 给大家  # 更多关于  # 有时会  # 所述  # 程序设计  # 来写  # 进行测试  # 讲述了  # brush  # function  # pre  # class 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: Windows Hello人脸识别突然无法使用  西安市网站制作公司,哪个相亲网站比较好?西安比较好的相亲网站?  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏?  如何制作新型网站程序文件,新型止水鱼鳞网要拆除吗?  Laravel如何自定义错误页面(404, 500)?(代码示例)  Laravel如何实现数据导出到CSV文件_Laravel原生流式输出大数据量CSV【方案】  Linux安全能力提升路径_长期防护思维说明【指导】  laravel服务容器和依赖注入怎么理解_laravel服务容器与依赖注入解析  JavaScript如何实现路由_前端路由原理是什么  如何彻底卸载建站之星软件?  Laravel与Inertia.js怎么结合_使用Laravel和Inertia构建现代单页应用  Laravel PHP版本要求一览_Laravel各版本环境要求对照  制作旅游网站html,怎样注册旅游网站?  javascript读取文本节点方法小结  使用Dockerfile构建java web环境  利用 Google AI 进行 YouTube 视频 SEO 描述优化  专业型网站制作公司有哪些,我设计专业的,谁给推荐几个设计师兼职类的网站?  文字头像制作网站推荐软件,醒图能自动配文字吗?  Laravel如何实现一对一模型关联?(Eloquent示例)  javascript基本数据类型及类型检测常用方法小结  如何在不使用负向后查找的情况下匹配特定条件前的换行符  Laravel的路由模型绑定怎么用_Laravel Route Model Binding简化控制器逻辑  如何为不同团队 ID 动态生成多个“认领值班”按钮  美食网站链接制作教程视频,哪个教做美食的网站比较专业点?  html5audio标签播放结束怎么触发事件_onended回调方法【教程】  WEB开发之注册页面验证码倒计时代码的实现  大连企业网站制作公司,大连2025企业社保缴费网上缴费流程?  iOS正则表达式验证手机号、邮箱、身份证号等  JS实现鼠标移上去显示图片或微信二维码  Laravel如何获取当前登录用户信息_Laravel Auth门面使用与Session用户读取【技巧】  如何快速启动建站代理加盟业务?  Android利用动画实现背景逐渐变暗  详解CentOS6.5 安装 MySQL5.1.71的方法  Python正则表达式进阶教程_复杂匹配与分组替换解析  智能起名网站制作软件有哪些,制作logo的软件?  Laravel如何清理系统缓存命令_Laravel清除路由配置及视图缓存的方法【总结】  网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊,能赚钱吗?  如何撰写建站申请书?关键要点有哪些?  Thinkphp 中 distinct 的用法解析  Laravel如何构建RESTful API_Laravel标准化API接口开发指南  Laravel如何编写单元测试和功能测试?(PHPUnit示例)  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱?  laravel怎么为API路由添加签名中间件保护_laravel API路由签名中间件保护方法  如何批量查询域名的建站时间记录?  Laravel怎么进行数据库事务处理_Laravel DB Facade事务操作确保数据一致性  如何获取PHP WAP自助建站系统源码?  Swift中循环语句中的转移语句 break 和 continue  详解Nginx + Tomcat 反向代理 如何在高效的在一台服务器部署多个站点  如何挑选优质建站一级代理提升网站排名?  如何快速搭建安全的FTP站点?