这个网站是一个基于Typekit的加载动画。Typekit是一个提供高质量字体和图标的平台,它允许开发者在网页中使用这些资源而无需下载它们。在这个特定的代码片段中,Typekit被用于创建一个加载动画,当用户访问一个页面时,它会显示一个加载动画,直到Typekit的服务器准备好新的资源。
这段代码的主要功能是:
- 定义了一个名为
config
的对象,其中包含一些配置选项,如scriptTimeout
(脚本超时时间)和async
(是否异步加载)。
- 使用
d.documentElement
获取文档元素,并设置一个定时器,当脚本加载完成时,将类名从wf-loading
更改为wf-inactive
。
- 创建一个新的
script
元素,并尝试将其添加到文档中。
- 检查是否有其他脚本已经加载,如果有,则不执行任何操作。
- 将类名设置为
wf-loading
,以便在页面加载时显示加载动画。
- 使用
setTimeout
函数设置一个延迟,当脚本加载完成时,将类名更改为wf-inactive
。
- 使用
onload
和onreadystatechange
事件处理程序来检测脚本是否已完成加载。如果脚本尚未完成加载,则不执行任何操作。
将f
变量设置为true
,以便在后续的代码中可以检查脚本是否已加载。