Javascript 我的预加载程序未按预期工作，动画未工作

要创建预加载程序页面，并具有引用URL“”。 但不知何故，我无法创建与上述链接相同的加载程序

当我应用少数CSS时，我面临一个问题，但不知何故，我与上面的链接加载程序不匹配

有人能帮我建造同样的装载机吗？ 我正在使用HTML、CSS和JavaScript

函数计数器（）{
var count=setInterval（函数（）{
var c=document.getElementById（“计数器”）
int=parseInt（c.textContent）；
c、 textContent=（++int）.toString（）；
如果（int==100）{
清除间隔（计数）；
c、 添加（“隐藏”）；
document.getElementById（“预加载”）.classList.add（“向上滑动”）
}
}, 40)
}
计数器（）
.preload{
位置：固定；
排名：0；
左：0；
宽度：100%；
身高：100%；
背景色：#000；
z指数：9999；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.preload.preload{
字号：5em；
字体大小：粗体；
颜色：rgba（255、255、255、05）；
位置：绝对位置；
填充：15px；
文本对齐：居中；
文本转换：大写；
}
.预载器{
高度：0px；
过渡：.5s；
过渡延迟：1s；
字体大小：0px；
}
.柜台{
字号：5em；
颜色：#fff；
字体大小：粗体；
}
.柜台{
不透明度：0；
过渡：1s；
}
.柜台{
内容：“%”；
字体大小：.5em；
}
@仅介质屏幕和（最大宽度：575px）{
.ERP{
字号：2em；
}
.柜台{
字号：2em；
}
}

加载

0
你在找这个吗


var counting=setInterval（函数（）{
var loader=document.getElementById（“加载器”）；
var currval=parseInt（loader.innerHTML）；
变量宽度=100-currval；
var loadscreen=document.getElementById（“loadscreen”）；
loader.innerHTML=++currval；
如果（currval==100）{
清除间隔（计数）；
loadscreen.style.display=“无”；
}
loadscreen.style.transition=“0.1s”；
loadscreen.style.width=宽度+“%”；
}, 10);
。加载屏幕{
宽度：100%；
身高：100%；
}
.加载器{
字体大小：50px；
字体系列：Arial；
位置：固定；
左：45%；
z指数：1000；
颜色：红色；
}
加载器：之后{
内容：“%”；
字体大小：100%；
}
.装船后{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
背景色：黑色；
颜色：白色；
文本对齐：居中；
边界：无；
}

0
完全一样，但我想要一样的。你能帮我一下吗……我想这把小提琴应该能用：谢谢！这就是我想要的。。但现在只有文本输入和输出（100%和欢迎）动画丢失，我正在研究它，但如果你能帮助我，那么它将为我打击。。但谢谢你，巴迪会感谢你的努力。我确实尝试过，但运气不好，无法应用动画。