（代码示例）使用setTimeout来延迟加载JS脚本文件

最新推荐文章于 2025-06-01 09:08:41 发布

置顶程序员大侠

最新推荐文章于 2025-06-01 09:08:41 发布

阅读量835

点赞数 30

分类专栏： JavaScript 文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/lalala8866/article/details/139493004

版权

JavaScript 专栏收录该内容

25 篇文章

订阅专栏

setTimeout是一个JavaScript函数，用于在指定的延迟时间（以毫秒为单位）之后执行一个函数或代码片段。它可以用于实现延迟加载JS脚本文件。延迟加载JS脚本文件的目的通常是优化页面加载性能，让页面的关键内容优先加载，而非关键内容（如某些JS脚本）可以稍后加载。

下面是一个使用setTimeout来延迟加载JS脚本文件的示例：

<!DOCTYPE html>
<html>
  <head>
    <title>延迟加载JS脚本示例</title>
  </head>
  <body>
    <h1>欢迎来到我的网站！</h1>

    <script>
      function loadScript(url) {
        const script = document.createElement('script');
        script.src = url;
        document.body.appendChild(script);
      }

      setTimeout(() => {
        loadScript('path/to/your/script.js');
      }, 2000); // 在2秒（2000毫秒）后加载脚本
    </script>
  </body>
</html>