DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> JavaScript中運行時間函數console.time()詳細教程
JavaScript中運行時間函數console.time()詳細教程
編輯:JavaScript綜合知識     

   console.time()是JavaScript用來顯示代碼的運行時間的函數,現在我們來講講這個函數的詳細介紹及應用實例。

  如果需要在Web調試過程中知道代碼執行的時間,那麼可以通過在JavaScript代碼中添加console.time()語句和console.timeEnd()語句來對程序的執行進行計時。以下面這個耗時較長的foo()函數為例:

代碼如下  
function foo(){
var x = 4.237;
var y = 0;
for (var i=0; i<100000000; i++) {
y = y + x*x;
}
return y;
}

  如果需要知道函數執行過程中消耗了多長時間,可以在foo()函數調用之前插入console.time()語句,在其調用結束後插入console.timeEnd()語句:

代碼如下   console.time("test");
foo();
console.timeEnd("test");

  程序執行完畢後,控制台會顯示此次計時的結果:”test: 1797ms”,顯示的日志級別為info。

  console.time()和console.timeEnd()接受一個字符串作為參數,該字符串相當於計時的id。浏覽器會將擁有相同參數(id)的console.time()與console.timeEnd()進行配對,記錄兩者之間的時間差。因此,可以通過使用不同的id來對JavaScript程序中不同的地方進行計時。

  浏覽器支持

  對於各個浏覽器,console.time()計時的支持情況如下:

  Firefox。10.0後原生支持。對於之前版本的Firefox,可以通過安裝Firebug插件來實現。詳見:https://developer.mozilla.org/en-US/docs/Web/API/console.time?redirectlocale=en-US&redirectslug=DOM%2Fconsole.time

  Google Chrome。2.0後原生支持。

  詳見:https://developers.google.com/chrome-developer-tools/docs/console-api#consoletimelabel

  IE。IE11中原生支持。對於之前版本的IE,可以通過安裝Firebug Lite來實現。

  詳見:http://msdn.microsoft.com/en-us/library/ie/dn265071%28v=vs.85%29.aspx

  Safari。4.0後原生支持。

  Opera。支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved