php - 许多网址的Javascript iframe加载时间功能

Question

得到一个非常简单的函数来检查 iframe 的加载时间:

function loadTime() {
        var beforeLoad = (new Date()).getTime();        
        $('#loading_iframe').one('load', function () {
            var afterLoad = (new Date()).getTime();
            var result = (afterLoad - beforeLoad) / 1000;
            $("#loadingtime").html(result + " sec");
        }); 
    }   

我像这样加载我的框架(其中 $url = 一些链接):

<iframe style="visibility:hidden;display:none" id="loading_iframe" src="<?php echo $url;?>"></iframe>

之后我将结果放入一个 div 中:

<div id="loadingtime"></div>

这对单个 url 非常有效，我希望它对一组 url 有效。这是我想要的结构(这可能吗？):

foreach ($url_array as $i)
  iframe gets loaded with url
    javascript that gets the loadtime of the url
      passint the javascript value to php varriable
        write the php varriable to a database
close foreach and begin the next loop

Answer 1

是的，你想做的事完全有可能。

如果您为 iframe 使用 ID，您应该考虑到这些 ID 对于每个 iframe 应该是唯一的，否则当您创建具有相同 ID 的新 iframe 时，您将失去对旧 iframe 的引用。

您还可以创建全局 load 事件监听器和使用 URL 作为唯一键将数据映射到每个 IFrame 的对象。

为此创建一个对象，其中包含 URL 键和对象作为存储开始时间和负载处理程序的值。每次触发全局 load 监听器时，您检查目标是否是 IFrame，如果是，您使用它的 src 在该映射中查找，获取开始时间，计算您也可以存储在该对象中的持续时间。

祝你好运!