suffix@wiki
suffix@wiki

トップページ > コンテンツ > プログラミング入門 > Ajax入門 > JavaScript入門 > HTML5 > UserTimingAPI

UserTimingAPIを使うと、プログラムの時間計測が出来る。
実装方法は以下の通りで、markごとの時間経過が分かる。
マーク間の時間計測を行うには、performance.measure("名前","マーク名","マーク名");
とし、performance.getEntriesByType("measure");とすれば良い。

w3cページからコード引用(http://www.w3.org/TR/user-timing/)

<!doctype html>
   <html>
     <head>
       <title>User Timing example</title>
     </head>
     <body onload="init()">
       <script>
          function init() 
          {
               performance.mark("startTask1");
               doTask1(); // Some developer code
               performance.mark("endTask1");
               
               performance.mark("startTask2");
               doTask2(); // Some developer code
               performance.mark("endTask2");

               measurePerf();
          }

          function measurePerf() 
          {
              var perfEntries = performance.getEntriesByType("mark");
              for (var i = 0; i < perfEntries.length; i++)
              {
                    if (window.console) console.log("Name: "        + perfEntries[i].name      + 
                                                    " Entry Type: " + perfEntries[i].entryType +
                                                    " Start Time: " + perfEntries[i].startTime + 
                                                    " Duration: "   + perfEntries[i].duration  + "\n");
              }
          }
       </script>
     </body>
   </html>

「UserTimingAPI」をウィキ内検索
最終更新：2014年10月11日 20:11