iframe 加载太快

Question

我设置脚本来加载我的 iframe，但我看到该脚本加载到快速 iframe 内容，我不知道如何设置为后台加载所有 css 图像内容，然后显示完整的 iframe 内容？

我的代码：

<style>
#test123 {
  display: none;
}
</style>

<script>
jQuery(document).ready(function( $ ){
$('iframe').on('load', function() {
    jQuery("#test123").css("display","block");
},)
});
</script>

<iframe id="test123" src="https://www.mydomain.co/iframe" height="200" width="300"></iframe>

Answer 1

为什么不尝试使用 setTimeOut 函数来延迟 iframe？不花哨，但应该可以。

<script>
jQuery(document).ready(function( $ ){
   $('iframe').on('load', function() {
      setTimeout(function () {
         jQuery("#test123").css("display","block");
      }, 2000); // 2 seconds
   },)
});
</script>