时间戳

首页 > 解决方案 > 为什么预加载器 gif 在刷新 3-4 次后停止工作

javascript - 为什么预加载器 gif 在刷新 3-4 次后停止工作

问题描述

当我尝试刷新我的 html 3-4 次时，预加载器 gif 将起作用，但在刷新 3-4 次后，显示预加载器但 gif 卡住了，您可以运行下面的代码并等待一段时间 gif 卡住。请帮我。我的预加载器代码如下： HTML：

 <script>/*====================================* Preloader Effect======================================*/ $(window).load(function() {   $(&quot;#status&quot;).fadeOut(&quot;slow&quot;);   $(&quot;#preloader&quot;).delay(350).fadeOut(&quot;slow&quot;); $(&#39;body&#39;).delay(350).css({&#39;overflow&#39;:&#39;visible&#39;}); 
   if ( ! sessionStorage.getItem( 'doNotShow' ) ) {
            sessionStorage.setItem( 'doNotShow', true );
            Preloader();
        } else {
           $ ('.loader, .preloader').hide();
        } 
   });</script> 
body {overflow: hidden; }#preloader {    position: fixed;    top: 0;    left: 0;    right: 0;    bottom: 0;    background-color: #ffffff;    z-index: 99999;}#status {    position: absolute;    left: 50%;    top: 50%;    background-image: url(https://1.bp.blogspot.com/-QwTnWyZybZo/YApUJPvRhfI/AAAAAAAAAKs/9dvdximdULEwuLureqmvYrJwMBH9LLWugCLcBGAsYHQ/s320/cubeload_81544351%2B%25281%2529.gif);     background-repeat: no-repeat;   background-position: center;   width: 250px;    height: 250px;    margin: -120px 0 0 -120px;    padding: 0;}
<div id='preloader'>
    <div id='status'>
    </div>
  </div>

标签： javascripthtmlcsswebpreloader

解决方案

抱歉给我带来的不便我自己解决了问题不在代码中我没有为我正在使用的 gif 提供无限循环。我让它无限循环，问题就解决了。

推荐阅读