diff options
Diffstat (limited to 'files/ja/web/api/performanceentry/duration/index.html')
| -rw-r--r-- | files/ja/web/api/performanceentry/duration/index.html | 116 |
1 files changed, 116 insertions, 0 deletions
diff --git a/files/ja/web/api/performanceentry/duration/index.html b/files/ja/web/api/performanceentry/duration/index.html new file mode 100644 index 0000000000..48a956d855 --- /dev/null +++ b/files/ja/web/api/performanceentry/duration/index.html @@ -0,0 +1,116 @@ +--- +title: PerformanceEntry.duration +slug: Web/API/PerformanceEntry/duration +tags: + - API + - Web パフォーマンス + - プロパティ + - リファレンス +translation_of: Web/API/PerformanceEntry/duration +--- +<div>{{APIRef("Performance Timeline API")}}</div> + +<p><strong><code>duration</code></strong> プロパティは、{{domxref("PerformanceEntry","パフォーマンスエントリ")}}の期間である{{domxref("DOMHighResTimeStamp","タイムスタンプ")}}を返します。</p> + +<p>{{AvailableInWorkers}}</p> + +<p>このプロパティによって返される値は、パフォーマンスエントリの{{domxref("PerformanceEntry.entryType","タイプ")}}によって異なります。</p> + +<ul> + <li>"<code>frame</code>" - 連続する2つのフレームの <code>startTime</code> 間の差を示す{{domxref("DOMHighResTimeStamp","タイムスタンプ")}}を返します</li> + <li>"<code>mark</code>" - "<code>0</code>" を返します (マークには長さがありません)</li> + <li>"<code>measure</code>" - メジャーの期間である{{domxref("DOMHighResTimeStamp","タイムスタンプ")}}を返します</li> + <li>"<code>navigation</code>" - それぞれ {{domxref("PerformanceNavigationTiming.loadEventEnd")}} と {{domxref("PerformanceEntry.startTime")}} のプロパティの差である{{domxref("DOMHighResTimeStamp","タイムスタンプ")}}を返します</li> + <li>"<code>resource</code>" - リソースの {{domxref("PerformanceEntry.responseEnd","responseEnd")}} {{domxref("DOMHighResTimeStamp","タイムスタンプ")}}とその {{domxref("PerformanceEntry.startTime","startTime")}} {{domxref("DOMHighResTimeStamp","タイムスタンプ")}}の差を返します</li> +</ul> + +<p>このプロパティは {{readonlyInline}} です。</p> + +<h2 id="Syntax" name="Syntax">構文</h2> + +<pre class="syntaxbox"><em>entry</em>.duration;</pre> + +<h3 id="Return_Value" name="Return_Value">戻り値</h3> + +<p>{{domxref("PerformanceEntry","パフォーマンスエントリ")}}の長さを表す {{domxref("DOMHighResTimeStamp")}}。期間の概念が特定のパフォーマンスメトリックに適用されない場合、ブラウザは期間 0 を返すように選択することがあります。</p> + +<p class="note">メモ: パフォーマンスエントリが "<code>resource</code>" の {{domxref("PerformanceEntry.entryType","entryType")}} を持つ場合 (つまり、エントリが {{domxref("PerformanceResourceTiming")}} オブジェクトである場合)、<span class="tlid-translation translation" lang="ja"><span title="">このプロパティは</span></span> {{domxref("PerformanceEntry.responseEnd")}} <span class="tlid-translation translation" lang="ja"><span title="">と</span></span> {{domxref("PerformanceEntry.startTime")}} <span class="tlid-translation translation" lang="ja"><span title="">の差</span></span>の{{domxref("DOMHighResTimeStamp","タイムスタンプ")}}<span class="tlid-translation translation" lang="ja"><span title="">を返します。</span></span></p> + +<h2 id="例">例</h2> + +<p>次の例は、<code>duration</code> プロパティの使用方法を示しています。</p> + +<pre class="brush: js">function run_PerformanceEntry() { + log("PerformanceEntry support ..."); + + if (performance.mark === undefined) { + log("... performance.mark Not supported"); + return; + } + + // Create some performance entries via the mark() method + performance.mark("Begin"); + do_work(50000); + performance.mark("End"); + + // Use getEntries() to iterate through the each entry + var p = performance.getEntries(); + for (var i=0; i < p.length; i++) { + log("Entry[" + i + "]"); + check_PerformanceEntry(p[i]); + } +} +function check_PerformanceEntry(obj) { + var properties = ["name", "entryType", "startTime", "duration"]; + var methods = ["toJSON"]; + + for (var i=0; i < properties.length; i++) { + // check each property + var supported = properties[i] in obj; + if (supported) + log("..." + properties[i] + " = " + obj[properties[i]]); + else + log("..." + properties[i] + " = Not supported"); + } + for (var i=0; i < methods.length; i++) { + // check each method + var supported = typeof obj[methods[i]] == "function"; + if (supported) { + var js = obj[methods[i]](); + log("..." + methods[i] + "() = " + JSON.stringify(js)); + } else { + log("..." + methods[i] + " = Not supported"); + } + } +} +</pre> + +<h2 id="仕様">仕様</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">仕様書</th> + <th scope="col">ステータス</th> + <th scope="col">コメント</th> + </tr> + <tr> + <td>{{SpecName('Performance Timeline Level 2', '#dom-performanceentry-duration', 'duration')}}</td> + <td>{{Spec2('Performance Timeline Level 2')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('Performance Timeline', '#dom-performanceentry-duration', 'duration')}}</td> + <td>{{Spec2('Performance Timeline')}}</td> + <td>初期定義</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザの互換性">ブラウザの互換性</h2> + +<div> +<div class="hidden">このページの互換性テーブルは構造化データから生成されます。データに貢献したい場合は <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックして、プルリクエストを送ってください。</div> + +<p>{{Compat("api.PerformanceEntry.duration")}}</p> +</div> |
