【已解決】前端JS中,獲取某個函數、某塊代碼的運行時間(3種方法)

方法1

    console.time(timeName); 和 console.timeEnd(timeName);

    前者寫在代碼塊的開始位置,用於啓動計時器,

    後者寫在代碼塊的結束位置,用於停止計時,並在控制檯打印經過的時間(毫秒),demo如下:  

    console.time('getTime'); // 注意:參數(即定時器的名字)必須和console.timeEnd()的參數一樣

    for(let i = 0 ; i < 1000; i++){
        let a = i;
    }

    console.timeEnd('getTime');

   控制檯打印的結果如下:

    

方法2

     如果想要把運行時間賦值給一個變量的話,使用 window.performance.now() 方法,該方法返回從time origin(可以理解爲當前文檔加載的時間)之後到當前調用時經過的時間(毫秒),time origin介紹如下:

The time origin is a standard time which is considered to be the beginning of the current document's lifetime. 

時間源是被視爲當前文檔生存期的開始的標準時間。

    該方法適用於IE10+劉阿藍氣球,demo如下:

    let timeStart = window.performance.now();

    for(let i = 0 ; i < 10000; i++){
        let a = i;
    }
    let timeEnd = window.performance.now();

    console.log("for 循環執行了 " + (timeEnd - timeStart) + " 毫秒.");

   控制檯打印的結果如下:

    

    博主長期在線,有什麼問題可以一起交流~

    這篇博客解決了你的問題的話,幫忙給點個贊  。:.゚ヽ(。◕‿◕。)ノ゚.:。+゚

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章