php - 带有 iframe 的 Javascript 页面加载时间

Question

我有这个简单的 javascript，它给了我一个 url 的加载时间：

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。

这是其余的代码：

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

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

$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>';
}

Javascript

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);
});