把多個JavaScript值到表

Question

我得到了把鏈接的數組1幀中的腳本，並檢查他們的加載時：

<script type="text/javascript"> 
$(document).ready(function(){ 
var array = ['http://www.example1.come', 'http://www.example2.com', 'http://www.example3.com']; 
var beforeLoad = (new Date()).getTime(); 
var loadTimes = []; 
$('#1').on('load', function() { 
    loadTimes.push((new Date()).getTime());     
    $('#1').attr('src', array.pop()); 
    if (array.length === 0) { 
     $.each(loadTimes, function(index, value) { 
      alert(value - beforeLoad); 
     }); 
    } 
}).attr('src', array.pop()); 
}); 
</script> 

我想提出的所有值到一個表，而不是提醒他們的。我的意思是把它們放在這裏（創建3倍td，並在每個值中加載時間值）：

<table> 
    <tr> 
    <?php for ($i=0; $i<=2; $i++){ ?> 
    <td id="loadingtime<?php echo $i; ?>"> 
    <?php } ?> 
    </td> 
    </tr> 
</table> 

Answer 1

你的PHP循環有點壞。但沒關係，因爲這是沒有必要的 - 只需要抽出3個TD。

<table> 
    <tr> 
     <td id="loadingtime1"> 
     </td> 
     <td id="loadingtime2"> 
     </td> 
     <td id="loadingtime3"> 
     </td> 
    </tr> 
</table> 

將javascript變量添加到表中的簡短方式不是通過PHP。您可以使用$.().html直接添加它們。

而不是alert(value - beforeLoad);

用途：$("#loadingtime"+index).html(value - beforeLoad);

Answer 2

你可以做，在jQuery的不是PHP。

$(document).ready(function(){ 
    var array = ['http://www.example1.come', 'http://www.example2.com', 
       'http://www.example3.com']; 
    var beforeLoad = (new Date()).getTime(); 
    var loadTimes = []; 
    $('#1').on('load', function() { 
     loadTimes.push((new Date()).getTime());     
     $('#1').attr('src', array.pop()); 
     if (array.length === 0) { 
      var table = $('<table><tr></tr></table>'); 
      var tr = table.find('tr'); 
      $.each(loadTimes, function(index, value) { 
       tr.append('<td>' + (value - beforeLoad) + '</td>'); 
      }); 
      table.appendTo('body'); 
     } 
    }).attr('src', array.pop()); 

});