Question

如果加载时间超过2秒，我想检测是否仍在加载框架以实施加载循环。

很明显，我的代码无法正常工作，因为如果加载时间少于2秒，则会在触发.hide（）函数后显示加载的动画（gif）。

$("a").click(function() {
    setTimeout(function() { 
         $("#loadingImage").show();
    }, 2000);
    $('#Source').load(function() {
    ("#loadingImage").hide();
   });
});

<div style="display:none;" id="loadingImage">
   <center>
      <img width="60px;" style="z-index:2;" src="loadingA.gif">
   </center>
</div>

<div class="source-container">
   <iframe src="" name="Source" id="Source" frameborder="0"></iframe>
</div>

您对我的问题有解决方案吗？感谢您的时间和帮助！

不起作用：

setTimeout(function() {
   $('#Source').on('load', $("#loadingImage").show());
},2000);

Answer 1

有这篇文章。Loading Spinner While Iframe Loads ..尝试一下。

iframe#Source {
  background-image: url("loadingA.gif");   
  background-repeat: no-repeat;
}

检测框架是否仍在加载

1 个答案: