javascript - 加载 gif 不等待 iFrame 加载？

Question

我想要显示正在加载的 .gif，直到所有内容都已加载，包括嵌入的 iframe。但是，目前加载 gif 会在除 iframe 之外的所有内容都已加载后消失。我怎样才能让它等到 iframe 也加载完毕？

目前正在使用:

<script>
  $(window).ready(function() {
    $('#loadinga').hide();
  });
</script>

谢谢

Answer 1

<iframe name="xyz"></iframe>

<script>
  var expectedLoadCount = 2; 

  function checkEverythingLoaded() {
    expectedLoadCount--;
    if (expectedLoadCount > 0) return
    $('#loadinga').hide();
  }

  $("#xyz").on("load", checkEverythingLoaded);
  $(window).ready(checkEverythingLoaded);
</script>