HTML DOM console.time()メソッド

定義と使用法

console.time()メソッドは、コンソールビューでタイマーを開始します。

このメソッドは、コードの一部の操作に計時を行い、テストを行うことを許可します。

以下を使用してください console.timeEnd()メソッド タイマーを終了し、結果をconsole.viewで表示します。

labelパラメータを使用してタイマーに名前を付けると、同一ページ上で複数のタイマーを設定できます。

ヒント：コンソールメソッドをテストする際には、コンソールビューが表示されていることを確認してください（F12でコンソールを表示）。

例

例1

10万回のforループの実行にはどれくらいの時間がかかりますか？

console.time();
for (i = 0; i < 100000; i++) {
  // あるコード
}
console.timeEnd();

自分で試してみてください

例2

labelパラメータの使用

console.time("test1");
for (i = 0; i < 100000; i++) {
  // あるコード
}
console.timeEnd("test1");

自分で試してみてください

例3

どちらが速いですか、forループかwhileループか？

var i;
console.time("test for loop");
for (i = 0; i < 1000000; i++) {
  // あるコード
}
console.timeEnd("test for loop");
i = 0;
console.time("test while loop");
while (i < 1000000) {
  i++
}
console.timeEnd("test while loop");

自分で試してみてください

文法

console.time(label)

パラメータの値

パラメータ タイプ 説明
label 文字列 オプションです。labelパラメータを使用してタイマーに名前を付けます。

ブラウザのサポート

このメソッドを完全にサポートする最初のブラウザバージョンは、テーブルの数字で示されています。

メソッド Chrome IE Firefox Safari Opera
console.time() サポート 11 10 4 サポート