如何在页面加载几秒钟后加载单独的 CSS 样式表？答案

【问题标题】：How do I load a separate CSS style sheet a few seconds after when the page loads?如何在页面加载几秒钟后加载单独的 CSS 样式表？
【发布时间】：2016-06-04 21:00:16
【问题描述】：

我正在使用 Squarespace，并且正在使用插件/简码来提示人们注册时事通讯。
我想将某些样式应用于提示，但是，Squarespace 似乎在插件运行之前加载了 CSS。
如何让某个 .css 文件在页面加载后 6 秒运行，以便在插件加载后应用更改（页面加载后 3-4 秒）。

【问题讨论】：

我可能不建议这样做。您使用的是哪个“插件”？我已经分发了很多关于 Squarespace 的内容，我的大多数人都依赖于使用已经通过 Squarespace 的自定义 CSS 添加到站点中的 CSS，因此它可以通过 Squarespace 的 LESS 编译器进行处理/缩小。延迟样式和动画是通过应用 CSS 类来完成的。如果您想澄清您的问题，我可以为您提供可靠的解决方案，这样您就不会向您的网站提出不必要的请求。
@jasonbarone 是的，请。这是Privy tool 这是他们提供的。

标签： html css content-management-system squarespace

【解决方案1】：

使用 javascript（使用 Jquery）：

$(window).load(function(){
   var t=setTimeout(function(){
   $('head').append('<link rel="stylesheet" href="style.css" type="text/css" />');
   },6000);
})

【讨论】：