Php 使用iFrame的Javascript页面加载时间

我有一个简单的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>

然后使其加载第一个url，计算加载时间，从数组中加载下一个url，并计算该url的加载时间，依此类推。有什么建议吗？

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

---

它只创建iFrame，但不显示结果检查现在我修复了javascript中的一个错误：）

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

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