Webデバッグプロセス中にコード実行の時間を知る必要がある場合は、JavaScriptコードにConsole.Time()ステートメントとConsole.TimeEnd()ステートメントを追加して、プログラムの実行をタイミングできます。次の長期FOO()関数は例です。
コードコピーは次のとおりです。
function foo(){
var x = 4.237;
var y = 0;
for(var i = 0; i <10000000; i ++){
y = y + x*x;
}
yを返します。
}
関数の実行中にかかる時間を知る必要がある場合は、console.time()function callの前にconsole.time()ステートメントを挿入し、Console.timeEnd()ステートメントを挿入してください。
コードコピーは次のとおりです。
Console.Time( "Test");
foo();
Console.TimeEnd( "Test");
プログラムが実行された後、コンソールには「テスト:1797ms」の結果が表示され、表示されるログレベルは情報です。
console.time()およびconsole.timeend()は、文字列を引数として受け入れます。これは、時限IDに相当します。ブラウザは、Console.time()と同じパラメーター(ID)とConsole.timeEnd()をペアにして、2つの間の時差を記録します。したがって、JavaScriptプログラムのさまざまな場所を、異なるIDを使用することでタイミングを合わせることができます。
ブラウザのサポート
各ブラウザについて、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
すなわち。 IE11でのネイティブサポート。 IEの以前のバージョンでは、FireBug Liteをインストールすることで実現できます。参照:http://msdn.microsoft.com/en-us/library/ie/dn265071%28v = vs.85%29.aspx
サファリ。 4.0以降のネイティブサポート。参照:https://developer.apple.com/library/safari/documentation/appleapplications/conceptual/safari_developer_guide/console/console.html
オペラ。サポート。参照:http://www.opera.com/dragonfly/documentation/console/