延迟加载javascript或3秒后加载

The javascript is loading an iframe. https://jsfiddle.net/uzairm/zc5ge27v/

<div class="editorskit-no-mobile">
<script src="//idx.diversesolutions.com/scripts/controls/Remote-Frame.aspx?MasterAccountID=1606&amp;SearchSetupID=41&amp;LinkID=474907&amp;Height=2000"></script>
</div> 

我正在尝试延迟加载它。我尝试了异步和延迟属性。此外,动态创建它,但没有用。任何的想法? 我只想延迟加载或在3秒后加载它。

评论
  • 静止oo
    静止oo 回复

    您可能在html的底部有一个函数,该函数会在页面和图像以及所有页面加载后自动调用。

    <body>
      Your HTML here
    
      <script>
        loadScript('script-url');
      </script>
    </body>
    

    该功能检查脚本是否已经存在,如果不存在,则默认延迟3秒创建脚本。

    function loadScript(url, delay_ms = 3000) {
      let isLoaded = document.querySelectorAll('.my-script');
      if(isLoaded.length > 0) {
        return;
      }
      setTimeout(() => {
        let myScript = document.createElement("script");
        myScript.src = url;
        myScript.className = 'my-script';
        document.body.appendChild(myScript);
      }, delay_ms)
    }
    

    资料来源: