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>