Javascript 我想停止预加载程序。当页面加载时，我希望它应该隐藏

我希望无法停止此预加载程序。当页面加载时，我希望它应该隐藏。我想停止预加载程序。任何帮助都会很有帮助。如果可能，请帮助如何通过Javascript实现它

@-webkit关键帧预加载-show-1{
从{
-webkit变换：rotateZ（60度）rotateY（-90度）rotateX（0度）；
变换：rotateZ（60度）rotateY（-90度）rotateX（0度）；
左边框颜色：#9c2f2f；
}
}
@关键帧预加载-show-1{
从{
-webkit变换：rotateZ（60度）rotateY（-90度）rotateX（0度）；
变换：rotateZ（60度）rotateY（-90度）rotateX（0度）；
左边框颜色：#9c2f2f；
}
}
@-webkit关键帧预加载-hide-1{
到{
-webkit变换：rotateZ（60度）rotateY（-90度）rotateX（0度）；
变换：rotateZ（60度）rotateY（-90度）rotateX（0度）；
左边框颜色：#9c2f2f；
}
}
@关键帧预加载-隐藏-1{
到{
-webkit变换：rotateZ（60度）rotateY（-90度）rotateX（0度）；
变换：rotateZ（60度）rotateY（-90度）rotateX（0度）；
左边框颜色：#9c2f2f；
}
}
@-webkit关键帧预加载-循环-1{
5% {
-webkit变换：rotateZ（60度）rotateY（90度）rotateX（0度）；
变换：rotateZ（60度）rotateY（90度）rotateX（0度）；
左边框颜色：#9c2f2f；
}
10%,
75% {
-webkit变换：rotateZ（60度）rotateY（0度）rotateX（0度）；
变换：rotateZ（60度）rotateY（0度）rotateX（0度）；
左边框颜色：#f7484e；
}
80%,
100% {
-webkit变换：rotateZ（60度）rotateY（90度）rotateX（0度）；
变换：rotateZ（60度）rotateY（90度）rotateX（0度）；
左边框颜色：#9c2f2f；
}
}
@关键帧预加载-循环-1{
5% {
-webkit变换：rotateZ（60度）rotateY（90度）rotateX（0度）；
变换：rotateZ（60度）rotateY（90度）rotateX（0度）；
左边框颜色：#9c2f2f；
}
10%,
75% {
-webkit变换：rotateZ（60度）rotateY（0度）rotateX（0度）；
变换：rotateZ（60度）rotateY（0度）rotateX（0度）；
左边框颜色：#f7484e；
}
80%,
100% {
-webkit变换：rotateZ（60度）rotateY（90度）rotateX（0度）；
变换：rotateZ（60度）rotateY（90度）rotateX（0度）；
左边框颜色：#9c2f2f；
}
}
@-webkit关键帧预加载-show-2{
从{
-webkit变换：rotateZ（120度）rotateY（-90度）rotateX（0度）；
变换：rotateZ（120度）rotateY（-90度）rotateX（0度）；
左边框颜色：#9c2f2f；
}
}
@关键帧预加载-show-2{
从{
-webkit变换：rotateZ（120度）rotateY（-90度）rotateX（0度）；
变换：rotateZ（120度）rotateY（-90度）rotateX（0度）；
左边框颜色：#9c2f2f；
}
}
@-webkit关键帧预加载-hide-2{
到{
-webkit变换：rotateZ（120度）rotateY（-90度）rotateX（0度）；
变换：rotateZ（120度）rotateY（-90度）rotateX（0度）；
左边框颜色：#9c2f2f；
}
}
@关键帧预加载-隐藏-2{
到{
-webkit变换：rotateZ（120度）rotateY（-90度）rotateX（0度）；
变换：rotateZ（120度）rotateY（-90度）rotateX（0度）；
左边框颜色：#9c2f2f；
}
}
@-webkit关键帧预加载-循环-2{
10% {
-webkit变换：rotateZ（120度）rotateY（90度）rotateX（0度）；
变换：rotateZ（120度）rotateY（90度）rotateX（0度）；
左边框颜色：#9c2f2f；
}
15%,
70% {
-webkit变换：rotateZ（120度）rotateY（0度）rotateX（0度）；
变换：rotateZ（120度）rotateY（0度）rotateX（0度）；
左边框颜色：#f7484e；
}
75%,
100% {
-webkit变换：rotateZ（120度）rotateY（90度）rotateX（0度）；
变换：rotateZ（120度）rotateY（90度）rotateX（0度）；
左边框颜色：#9c2f2f；
}
}
@关键帧预加载-循环-2{
10% {
-webkit变换：rotateZ（120度）rotateY（90度）rotateX（0度）；
变换：rotateZ（120度）rotateY（90度）rotateX（0度）；
左边框颜色：#9c2f2f；
}
15%,
70% {
-webkit变换：rotateZ（120度）rotateY（0度）rotateX（0度）；
变换：rotateZ（120度）rotateY（0度）rotateX（0度）；
左边框颜色：#f7484e；
}
75%,
100% {
-webkit变换：rotateZ（120度）rotateY（90度）rotateX（0度）；
变换：rotateZ（120度）rotateY（90度）rotateX（0度）；
左边框颜色：#9c2f2f；
}
}
@-webkit关键帧预加载-show-3{
从{
-webkit变换：rotateZ（180度）rotateY（-90度）rotateX（0度）；
变换：rotateZ（180度）rotateY（-90度）rotateX（0度）；
左边框颜色：#9c2f2f；
}
}
@关键帧预加载-show-3{
从{
-webkit变换：rotateZ（180度）rotateY（-90度）rotateX（0度）；
变换：rotateZ（180度）rotateY（-90度）rotateX（0度）；
左边框颜色：#9c2f2f；
}
}
@-webkit关键帧预加载-hide-3{
到{
-webkit变换：rotateZ（180度）rotateY（-90度）rotateX（0度）；
变换：rotateZ（180度）rotateY（-90度）rotateX（0度）；
左边框颜色：#9c2f2f；
}
}
@关键帧预加载-隐藏-3{
到{
-webkit变换：rotateZ（180度）rotateY（-90度）rotateX（0度）；
变换：rotateZ（180度）rotateY（-90度）rotateX（0度）；
左边框颜色：#9c2f2f；
}
}
@-webkit关键帧预加载-循环-3{
15% {
-webkit变换：rotateZ（180度）rotateY（90度）rotateX（0度）；
变换：rotateZ（180度）rotateY（90度）rotateX（0度）；
左边框颜色：#9c2f2f；
}
20%,
65% {
-webkit变换：rotateZ（180度）rotateY（0度）rotateX（0度）；
变换：rotateZ（180度）rotateY（0度）rotateX（0度）；
左边框颜色：#f7484e；
}
70%,
100% {
-webkit变换：rotateZ（180度）rotateY（90度）rotateX（0度）；
变换：rotateZ（180度）rotateY（90度）rotateX（0度）；
左边框颜色：#9c2f2f；
}
}
@关键帧预加载-循环-3{
15% {
-webkit变换：rotateZ（180度）rotateY（90度）rotateX（0度）；
变换：rotateZ（180度）rotateY（90度）rotateX（0度）；
左边框颜色：#9c2f2f；
}
20%,
65% {
-webkit变换：rotateZ（180度）rotateY（0度）rotateX（0度）；
变换：rotateZ（180度）rotateY（0度）rotateX（0度）；
左边框颜色：#f7484e；
}
70
window.onload = function() {
   document.querySelector('.preloader').style.display = "none";
};