Javascript實現(xiàn)的StopWatch功能示例
本文實例講述了Javascript實現(xiàn)的StopWatch功能。分享給大家供大家參考,具體如下:
有時會需要js來寫一些函數(shù)進行測試,如果需要測試執(zhí)行時間,可能需要一個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>
運行效果圖如下:
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript字符與字符串操作技巧總結(jié)》、《JavaScript數(shù)學(xué)運算用法總結(jié)》、《JavaScript中json操作技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript遍歷算法與技巧總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
Layui Table js 模擬選中checkbox的例子
今天小編就為大家分享一篇Layui Table js 模擬選中checkbox的例子,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09如何利用JS通過身份證號獲取當(dāng)事人的生日、年齡、性別
身份證可以識別一個人的信息,下面就介紹一下如何利用js通過身份證號碼獲取當(dāng)事人的年齡和性別2016-01-01JS字符串分割方法整理匯總示例講解(3種截取方法和6個輔助方法)
JavaScript在開發(fā)中常常會需要截取字符串,而JS提供了slice()?、substring()、substr()?3種方法實現(xiàn)截取操作。另外還有字符串相關(guān)的6種輔助方法:indexOf()、lastIndexOf()、split()、join()、concat()、charAt()?。2023-02-02javascript數(shù)組中的concat方法和splice方法
這篇文章主要介紹了javascript數(shù)組中的concat方法和splice方法,concat方法作用合并數(shù)組,可以合并一個或多個數(shù)組,會返回合并數(shù)組之后的數(shù)據(jù),不會改變原來的數(shù)組,更多相關(guān)內(nèi)容需要的小伙伴可以參考下面文章內(nèi)容2022-03-03ES6 Iterator遍歷器原理,應(yīng)用場景及相關(guān)常用知識拓展詳解
這篇文章主要介紹了ES6 Iterator遍歷器原理,應(yīng)用場景及相關(guān)常用知識拓展,結(jié)合實例形式詳細分析了ES6 Iterator遍歷器具體原理、功能、用法、應(yīng)用場景及知識拓展,需要的朋友可以參考下2020-02-02