Javascript 如何在html中设置页面加载程序的最短持续时间？

我正在尝试为我的网站设置页面加载器。每次用户加载另一个页面时，它都会显示页面加载器，直到页面加载完毕

但是在大多数情况下，web加载速度很快，页面加载程序没有显示出来。我尝试使用

setTimeout

5秒，但它会使加载程序无休止地显示

有人知道怎么解决这个问题吗

这是我的密码：

$（文档）.ready（函数（）{
设置超时（（）=>{
$（'.loader'）.remove（）；
}，5000）；//5秒后它将被删除。
});
/*加载屏幕*/
.加载器{
宽度：100%；
身高：100%；
排名：0；
左：0；
位置：固定；
显示：块；
不透明度：0.8；
背景色：#2211E；
z指数：99；
文本对齐：居中；
}
.装载机img{
-webkit动画：旋转2s线性无限；/*Safari*/
动画：旋转2s线性无限；
位置：绝对位置；
最高：50%；
左：45%；
z指数：100；
}
@-webkit关键帧旋转{
0%{-webkit变换：旋转（0度）；}
100%{-webkit变换：旋转（360度）；}
}
@关键帧旋转{
0%{变换：旋转（0度）；}
100%{变换：旋转（360度）；}
}
javascript是区分大小写的语言

因此，它对字母大写和大写敏感

字母
o
是一个较大的
setTimeOut
函数，必须很小，即：
setTimeOut


$（文档）.ready（函数（）{
设置超时（（）=>{
$（'.loader'）.remove（）；
}，5000）；//5秒后它将被删除。
});
/*加载屏幕*/
.加载器{
宽度：100%；
身高：100%；
排名：0；
左：0；
位置：固定；
显示：块；
不透明度：0.8；
背景色：#2211E；
z指数：99；
文本对齐：居中；
}
.装载机img{
-webkit动画：旋转2s线性无限；/*Safari*/
动画：旋转2s线性无限；
位置：绝对位置；
最高：50%；
左：45%；
z指数：100；
}
@-webkit关键帧旋转{
0%{-webkit变换：旋转（0度）；}
100%{-webkit变换：旋转（360度）；}
}
@关键帧旋转{
0%{变换：旋转（0度）；}
100%{变换：旋转（360度）；}
}

谢谢您的解释，那么我应该在css上添加计时器吗？更好吗？jquery中的加载程序不需要计时器，只要页面完全加载，就会执行ready（）函数，因此通过运行此函数，可以确保页面完全加载，并且可以在该函数中删除加载程序哦，我明白了，但是我的客户想至少显示加载程序2-3秒，即使页面已完全加载，您能帮我做到这一点吗？在没有问题之前谢谢，你可以在几秒钟后移除加载程序我怎么做？通过css添加持续时间？抱歉问了这么多。我是新来的，我第一次看到有人抱怨他们的页面加载太快……这是
setTimeout
而不是
setTimeout