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我存储结果。

继承代码的其余部分：

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

然后将其设置为加载第一个网址，计算加载时间，从数组加载下一个网址并计算该网址的加载时间等。我有什么建议吗？

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

使用iframe加载Javascript页面的时间

1 个答案: