如何解决为什么预加载器 gif 在刷新 3-4 次后停止工作
当我尝试刷新我的 html 3-4 次时,预加载器 gif 将起作用,但在刷新 3-4 次后显示预加载器但 gif 卡住了,您可以运行下面的代码并等待一段时间 gif 卡住。 请帮我。 我的预加载器代码如下: HTML:
<script>/*====================================* Preloader Effect======================================*/ $(window).load(function() { $("#status").fadeOut("slow"); $("#preloader").delay(350).fadeOut("slow"); $('body').delay(350).css({'overflow':'visible'});
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>
解决方法
很抱歉给您带来不便 我自己解决了问题不在代码中 我没有为我使用的 gif 提供无限循环。 我让它无限循环,问题就解决了。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。