Javascript 如何增加预加载程序的淡出时间？

我想增加淡出效果的持续时间/时间。以下是预加载程序的代码（请参阅下面的更多详细信息）：

//预加载程序
$（窗口）.on（'DOMContentLoaded'，function（））{
如果（$（'#预加载'）。长度）{
$（'预加载'）。延迟（2000）。淡出（'慢'）；
}
});
*{
填充：0；
保证金：0；
框大小：边框框；
}
@导入url（'https://fonts.googleapis.com/css2?family=Montserrat+候补：wght@500；700&系列=蒙特塞拉特：wght@400；600&family=Oswald:wght@500&family=Pacifico和family=Roboto:ital，wght@0，400；0900；1500&display=swap'）；
.svg文件路径{
填充：透明；
笔画宽度：3；
中风：rgb（1,36,133）；
}
.svg-file.z-logo路径{
行程：550；
笔划偏移：0；
}
.svg-file.z-logo路径{
动画：动画zlogo 2s线性无限；
}
.svg-file.z-logo svg{
过滤器：投影（2px2p3pRGBA（0,0,0,1））；
变换：尺度（2）；
}
.svg文件h2{
字体系列：“机器人”，草书；
变换：平移（0，50px）倾斜（-210度）旋转（-6度）；
字号：3em；
颜色：#044d77；
}
.svg文件跨度{
动画：圆点2.5s步数（6，结束）无限；
字号：5em；
显示：块；
变换：平移（0，65px）倾斜（-210度）旋转（-6度）；
背景色：rgb（5,46,80）；
宽度：8px；
高度：5px；
}
@关键帧淡入淡出{
0% {
不透明度：0；
}
50% {
不透明度：1；
}
100% {
不透明度：0；
}
}
@关键帧为zlogo设置动画{
0% {
行程偏移：-50；
}
20% {
行程偏移：550；
填充：透明；
}
40% {
填充：透明；
行程偏移：1100；
}
60% {
行程偏移：1100；
填充：#05f7f9；
}
80% {
笔画宽度：0；
填充：#05f7f9；
}
100% {
/*笔划偏移：0*/
笔画宽度：3；
填充：透明；
}
}
#预紧器{
位置：固定；
z指数：9999；
溢出：隐藏；
背景：白色；
显示器：flex；
证明内容：中心；
对齐项目：居中；
对齐内容：居中对齐；
顶部：0px；
左：0px；
底部：0px；
右：0px；
}
.z-logo svg{
顶部：0px；
左：0px；
底部：0px；
右：0px；
保证金：自动；
证明内容：中心；
对齐项目：居中；
对齐内容：居中对齐；
位置：相对位置；
显示器：flex；
宽度：50%；
}
.z-logo：：之前{
内容：“；
顶部：0px；
左：0px；
底部：0px；
右：0px；
保证金：自动；
背景：黑色；
位置：绝对位置；
显示：内联flex；
边框：1px纯黑；
宽度：200px；
高度：200px；
}
我不可能在看不到动画的情况下猜出真实代码中影响动画的是什么，但是，为了增加持续时间，您可以简单地以毫秒为单位传递所需的时间，而不是
慢
，例如：


//预加载程序
$（窗口）.on（'DOMContentLoaded'，function（））{
如果（$（'#预加载'）。长度）{
$（'预加载'）。延迟（2000）。淡出（6000）；
}
});
*{
填充：0；
保证金：0；
框大小：边框框；
}
@导入url（'https://fonts.googleapis.com/css2?family=Montserrat+候补：wght@500；700&系列=蒙特塞拉特：wght@400；600&family=Oswald:wght@500&family=Pacifico和family=Roboto:ital，wght@0，400；0900；1500&display=swap'）；
.svg文件路径{
填充：透明；
笔画宽度：3；
中风：rgb（1,36,133）；
}
.svg-file.z-logo路径{
行程：550；
笔划偏移：0；
}
.svg-file.z-logo路径{
动画：动画zlogo 2s线性无限；
}
.svg-file.z-logo svg{
过滤器：投影（2px2p3pRGBA（0,0,0,1））；
变换：尺度（2）；
}
.svg文件h2{
字体系列：“机器人”，草书；
变换：平移（0，50px）倾斜（-210度）旋转（-6度）；
字号：3em；
颜色：#044d77；
}
.svg文件跨度{
动画：圆点2.5s步数（6，结束）无限；
字号：5em；
显示：块；
变换：平移（0，65px）倾斜（-210度）旋转（-6度）；
背景色：rgb（5,46,80）；
宽度：8px；
高度：5px；
}
@关键帧淡入淡出{
0% {
不透明度：0；
}
50% {
不透明度：1；
}
100% {
不透明度：0；
}
}
@关键帧为zlogo设置动画{
0% {
行程偏移：-50；
}
20% {
行程偏移：550；
填充：透明；
}
40% {
填充：透明；
行程偏移：1100；
}
60% {
行程偏移：1100；
填充：#05f7f9；
}
80% {
笔画宽度：0；
填充：#05f7f9；
}
100% {
/*笔划偏移：0*/
笔画宽度：3；
填充：透明；
}
}
#预紧器{
位置：固定；
z指数：9999；
溢出：隐藏；
背景：白色；
显示器：flex；
证明内容：中心；
对齐项目：居中；
对齐内容：居中对齐；
顶部：0px；
左：0px；
底部：0px；
右：0px；
}
.z-logo svg{
顶部：0px；
左：0px；
底部：0px；
右：0px；
保证金：自动；
证明内容：中心；
对齐项目：居中；
对齐内容：居中对齐；
位置：相对位置；
显示器：flex；
宽度：50%；
}
.z-logo：：之前{
内容：“；
顶部：0px；
左：0px；
底部：0px；
右：0px；
保证金：自动；
背景：黑色；
位置：绝对位置；
显示：内联flex；
边框：1px纯黑；
宽度：200px；
高度：200px；
}