<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="msPerformance.aspx.cs"
Inherits="WebApplication5.msPerformance" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>msPerformance Example</title>
<script type="text/javascript"> 1:
2: function InsertPerformanceData() { 3: if (window.msPerformance != null) { 4: var w = window;
5: var navStart = w.msPerformance.timing.navigationStart + "ms";
6: var navStartTime = Date(w.msPerformance.timing.navigationStart);
7:
8: var loadEnd = w.msPerformance.timing.loadEventEnd + "ms";
9: var loadEndTime = Date(w.msPerformance.timing.loadEventEnd);
10:
11: var navigation = w.msPerformance.timingMeasures.navigation + "ms";
12:
13: var runtime = (w.msPerformance.timing.loadEventEnd - w.msPerformance.timing.navigationStart) + "ms";
14:
15: document.getElementById("ticksNavigationStart").innerText = navStart; 16: document.getElementById("timeNavigationStart").innerText = navStartTime; 17:
18: document.getElementById("ticksLoadEnd").innerText = loadEnd; 19: document.getElementById("timeLoadEnd").innerText = loadEndTime; 20:
21: document.getElementById("timeNavigation").innerText = navigation; 22:
23: document.getElementById("timeRuntime").innerText = runtime; 24: }
25: }
26:
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<table>
<tr>
<th>
Event
</th>
<th>
API
</th>
<th>
TICKS
</th>
<th>
TIME
</th>
</tr>
<tr>
<td>
Navigation Start
</td>
<td>
window.msPerformance.timing.navigationStart
</td>
<td id="ticksNavigationStart">
</td>
<td id="timeNavigationStart">
</td>
</tr>
<tr>
<td>
Load End
</td>
<td>
window.msPerformance.timing.loadEnd
</td>
<td id="ticksLoadEnd">
</td>
<td id="timeLoadEnd">
</td>
</tr>
<tr>
<td>
Run Time
</td>
<td>
window.msPerformance.timingMeasures.navigation
</td>
<td>
</td>
<td id="timeNavigation">
</td>
</tr>
<tr>
<td>
Run Time
</td>
<td>
timing.loadEnd - timing.navigationStart
</td>
<td>
</td>
<td id="timeRuntime">
</td>
</tr>
</table>
<input type="button" onclick="InsertPerformanceData();" value="Show Performance Data" />
</div>
</form>
</body>
</html>