如何为javascript标签添加小延迟答案

【问题标题】：How to add small delay to javascript tag如何为javascript标签添加小延迟
【发布时间】：2020-08-03 11:26:17
【问题描述】：

我想改善我网站的负载。我有一个谷歌评论脚本，在打开网站时不需要立即。如何让它在 4-5 秒后加载 JavaScript？

<div id="brb_collection_297"></div><script type="text/javascript">!function(e){var c=document.createElement("script");c.src=e,document.body.appendChild(c)}("https://test.com?cf_action=brb_embed&brb_collection_id=297&brb_callback=brb_"+(new Date).getTime());</script>

【问题讨论】：

标签： javascript performance javascript-objects

【解决方案1】：

使用setTimeout() 并将函数包装在另一个函数中：

const loadScript = () => {
    !function(e){
        var c=document.createElement("script");
        c.src=e,document.body.appendChild(c)
        console.log("script loaded")
    }("https://test.com?cf_action=brb_embed&brb_collection_id=297&brb_callback=brb_"+(new Date).getTime())
}

setTimeout(loadScript, 400)

【讨论】：

非常感谢。你在哪里添加下面的代码？我试着把它放在下，但它只是在我的页面顶部添加了代码。我需要添加
不确定您使用的是什么框架，但 Javascript 通常位于 head 标签内或最底部的 body 标签内。您需要将它包装在一个开始和结束脚本标记中。 400 是 400 毫秒，正确。
我使用 WordPress。我试图像这样添加它（使用我的其他头脚本）。没有错误，但脚本没有显示。
@eMikkelsen 抱歉，我不确定。您可能想发布关于此的其他问题
问题似乎在于它的包装方式/对脚本的编辑。该脚本在没有任何内容的情况下有效（如我的帖子中所示）。但是一旦添加了您提供的功能，它就会停止工作。