我像这样加载我的框架:
$url = array();
$url[] = 'url1.com';
$url[] = 'url2.com';
echo "<div id='content'> </div>";
foreach($url as $u){
echo '<div class="frame_container">
<iframe onload="time_after_frame_loaded();" width="200" height="200" id="myiframe" src="http://www.'.$u.'"></iframe>
<div class="loadingtime"></div>
</div>';
}
该onload
事件让我获得框架加载后的时间值:
function time_after_frame_loaded(){
frame_loaded = (new Date()).getTime();
//console.log(frame_loaded);
}
我如何计算每帧开始加载之前的时间?
编辑:
<script type="text/javascript">
function time_after_frame_loaded(begin_time) {
var result = 0; //trying to reset the value for each frame
var frame_loaded = (new Date()).getTime();
// console.log("Begin: " + begin_time + ", Loaded: " + frame_loaded);
result = (frame_loaded - begin_time)/1000;
console.log(result + "sec");
}
</script>
加载 4 个 url 时的输出:
6.265sec
6.671sec
8.905sec
10.077sec