JavaScript頁面加載時間iframe出現

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 =其中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的加載時等等。任何建議我如何做到這一點？

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