Javascript 仅在登录时显示我的加载屏幕

我有一个可以工作的加载屏幕。问题是，每次重新加载时都会显示它。我如何才能使此仅在登录时显示？我已经开始考虑如何从login.php调用函数来显示它？我关心的是如何从php调用函数。感谢您的帮助。谢谢

$（文档）.ready（函数（）{
setTimeout（函数（）{
$（'body'）.addClass（'loaded'）；
}, 700);
});
#加载器包装器{
位置：绝对位置；
左：0；
高度：100vh；
宽度：100%；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
#加载器包装器。加载器部分{
位置：固定；
排名：0；
宽度：51%；
身高：100%；
背景：rgb（33,33,33）；
z指数：1000；
}
#加载器包装器。加载器-section.section-left{
左：0；
}
#加载器包装器。加载器-section.section-right{
右：0；
}
#装载机{
显示：块；
位置：相对位置；
宽度：150px；
高度：150像素；
边界半径：50%；
边框：3倍纯色透明；
边框顶部颜色：#3498db；
-webkit动画：旋转2s线性无限；
动画：旋转2s线性无限；
z指数：1001；
}
#加载器：之前{
内容：“；
位置：绝对位置；
顶部：5px；
左：5px；
右：5px；
底部：5px；
边界半径：50%；
边框：3倍纯色透明；
边框顶部颜色：#e74c3c；
-webkit动画：旋转3s线性无限；
动画：旋转3s线性无限；
}
#加载器：之后{
内容：“；
位置：绝对位置；
顶部：15px；
左：15px；
右：15px；
底部：15px；
边界半径：50%；
边框：3倍纯色透明；
边框顶部颜色：#f9c922；
-webkit动画：旋转1.5s线性无限；
动画：旋转1.5s线性无限；
}
@-webkit关键帧旋转{
0% {
-webkit变换：旋转（0度）；
/*Chrome、Opera 15+、Safari 3.1+*/
-ms变换：旋转（0度）；
/*IE 9*/
变换：旋转（0度）；
/*Firefox 16+、IE 10+、Opera*/
}
100% {
-webkit变换：旋转（360度）；
/*Chrome、Opera 15+、Safari 3.1+*/
-ms变换：旋转（360度）；
/*IE 9*/
变换：旋转（360度）；
/*Firefox 16+、IE 10+、Opera*/
}
}
@关键帧旋转{
0% {
-webkit变换：旋转（0度）；
/*Chrome、Opera 15+、Safari 3.1+*/
-ms变换：旋转（0度）；
/*IE 9*/
变换：旋转（0度）；
/*Firefox 16+、IE 10+、Opera*/
}
100% {
-webkit变换：旋转（360度）；
/*Chrome、Opera 15+、Safari 3.1+*/
-ms变换：旋转（360度）；
/*IE 9*/
变换：旋转（360度）；
/*Firefox 16+、IE 10+、Opera*/
}
}
.已加载#加载程序{
不透明度：0；
-webkit过渡：所有0.3版本都可以轻松过渡；
过渡：所有0.3秒放松；
}
.loaded#装入器包装器{
可见性：隐藏；
-webkit过渡：所有0.3s和0.3s都可以轻松过渡；
过渡：所有0.3s和0.3s放松；
}
.no js#装载机包装器{
显示：无；
}
.编号js h1{
颜色：#22222；
}

登录
在您的情况下，很容易使加载div仅在您想要的页面上显示（登录）

1-使加载封面在css中默认隐藏，如果添加了类显示，则使其可见

#loader-wrapper{display:none}
#loader-wrapper.show{display:block}

2-并通过添加show类仅在登录页面上显示它。更换这条线

<div id="loader-wrapper">



像这样的事情

<div id="loader-wrapper" class="<?php if($loginPage) echo "show";?>">

您正在处理会话吗？Cookie？这更像是后端问题而不是前端问题。。。您需要检查您是否使用php登录，并决定是否放置加载程序。您可以制作一个cookie计数器：并仅在第一次触发动画。创建一个登录表单，并通过写入条件检查您是否在刷新时登录，如果登录则无需显示加载程序，@PatrickMlr Im using sessions yes