Ввод нескольких 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> 

Я хотел бы поставить все значения в таблицу вместо того, чтобы предупреждать их. Я имею в виду, что они помещают их здесь (создает 3x 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()); 

});