快捷導(dǎo)航

Javascript實(shí)現(xiàn)的StopWatch功能示例

更新時(shí)間：2017年06月13日 09:52:23 作者：_iorilan

這篇文章主要介紹了Javascript實(shí)現(xiàn)的StopWatch功能,結(jié)合具體實(shí)例形式分析了javascript自定義StopWatch實(shí)現(xiàn)測試運(yùn)行時(shí)間功能的相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了Javascript實(shí)現(xiàn)的StopWatch功能。分享給大家供大家參考，具體如下：

有時(shí)會需要js來寫一些函數(shù)進(jìn)行測試，如果需要測試執(zhí)行時(shí)間，可能需要一個(gè)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);
};

用法示例（測試斐波那契數(shù)列）：

<!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>

運(yùn)行效果圖如下：

希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

uni-app開發(fā)案例之video視頻組件
最近uni-app使用video組件碰到的一系列問題,所以下面這篇文章主要給大家介紹了關(guān)于uni-app開發(fā)案例之video視頻組件的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-09-09
JS改變頁面顏色源碼分享
本篇文章是JS的一個(gè)網(wǎng)頁制作小技巧，應(yīng)用在很多地方，通過JS改變HTML頁面的顏色，有興趣的學(xué)習(xí)下。
2018-02-02
JS實(shí)現(xiàn)的適合做faq或menu滑動效果示例
這篇文章主要介紹了JS實(shí)現(xiàn)的適合做faq或menu滑動效果,結(jié)合實(shí)例形式分析了基于JS實(shí)現(xiàn)的頁面元素滑動漸變效果的相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2016-11-11
JavaScript中的Array對象使用說明
JavaScript中的Array對象是一個(gè)動態(tài)的數(shù)組，也是一個(gè)Stack,還是一個(gè)Dictionary
2011-01-01
前端如何控制并發(fā)請求舉例詳解
在項(xiàng)目中我們會遇到一次請求多個(gè)接口,當(dāng)所有請求結(jié)束后進(jìn)行操作,也會遇到多個(gè)請求（大量）同時(shí)進(jìn)行請求資源,這篇文章主要給大家介紹了關(guān)于前端如何控制并發(fā)請求舉例的相關(guān)資料,需要的朋友可以參考下
2024-09-09
《JavaScript高級程序設(shè)計(jì)》閱讀筆記（三） ECMAScript中的引用類型
ECMAScript中的引用類型，主要包括Object類、Boolean類、Number類、String類、instanceof運(yùn)算符
2012-02-02
js clearInterval()方法的定義和用法
clearInterval()方法能夠取消setInterval()方法設(shè)置的定時(shí)器，本文給大家詳解clearInterval()方法的定義和用法，感興趣的朋友參考下。
2015-11-11
JavaScript數(shù)據(jù)結(jié)構(gòu)之?dāng)?shù)組的表示方法示例
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)之?dāng)?shù)組的表示方法,從數(shù)據(jù)結(jié)構(gòu)線性表的角度分析了數(shù)組的原理并結(jié)合實(shí)例形式分析了javascript數(shù)組的定義與使用方法,需要的朋友可以參考下
2017-04-04
uniapp?使用自定義插槽?slot的基本步驟
在 uni-app 中使用自定義插槽（slots）可以讓開發(fā)者在封裝的組件內(nèi)部定義可替換內(nèi)容區(qū)域，從而實(shí)現(xiàn)高度定制化的組件復(fù)用，以下是如何在 uni-app 中使用自定義插槽的基本步驟,需要的朋友可以參考下
2024-04-04
js實(shí)現(xiàn)在網(wǎng)頁上簡單顯示時(shí)間的方法
這篇文章主要介紹了js實(shí)現(xiàn)在網(wǎng)頁上簡單顯示時(shí)間的方法,實(shí)例分析了javascript實(shí)時(shí)顯示時(shí)間的技巧,需要的朋友可以參考下
2015-03-03