使用iframe的Javascript页面加载时间

Question

我有这个简单的JavaScript，可让我加载网址：

var beforeLoad = (new Date()).getTime();
$('#myiframe').one('load', function() {
    var afterLoad = (new Date()).getTime();
    var result = (afterLoad - beforeLoad) / 1000;
    $("#loadingtime").html(result);
});

#myiframe的iframe = ID， #loadingtime = DIV其中i存储结果。

其余的代码如下：

<?php $url = 'example.com'; ?>
<iframe width="200" height="200" id="myiframe" src="http://www.<?php echo $url;?>"></iframe>
<div id="loadingtime"></div>

当我只有1个网址时，这一切都很好。 我想要一个网址数组：

$url = array();
$url[] = 'example1.com';
$url[] = 'example2.com';

然后使其加载第一个URL，计算加载时间，从数组加载下一个URL并计算该URL的加载时间，依此类推。 任何建议，我怎么做？

Answer 1

的PHP

$url = array();
$url[] = 'example1.com';
$url[] = 'example2.com';

foreach($url as $u){
   echo '<div class="frame_container">
            <iframe width="200" height="200" id="myiframe" src="http://www.'.$u.'"></iframe>
            <div class="loadingtime"></div>
         </div>';
}

Java脚本

var beforeLoad = (new Date()).getTime();
$('.frame_container iframe').on('load', function() {
    var afterLoad = (new Date()).getTime();
    var result = (afterLoad - beforeLoad) / 1000;
    $(this).parent().find('div.loadingtime').html(result);
});