0

リンクの配列を 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 を作成し、それぞれに loadtime 値を入れます):

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

2 に答える 2

0

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

于 2013-02-24T19:06:31.950 に答える
0

phpではなくjqueryでそれを行うことができます。

$(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());

});
于 2013-02-24T19:19:27.623 に答える