为加载器设置时间 gif答案

【问题标题】：set time for loader gif为加载器设置时间 gif
【发布时间】：2018-03-30 18:29:15
【问题描述】：

我正在使用以下动画 gif 加载器。

<script type=“text/javascript”>
$(window).load(function() {
$(“.loader”).fadeOut(“slow”);
})
</script>

这很好用，但我希望强制我的 gif 停留一段时间。我想从 1 秒开始。有任何想法吗？谢谢！

【问题讨论】：

window.load 事件触发后 1 秒？
你在这里使用了错误的引号$(“.loader”)
是的，这是个问题！谢谢。 @j08691

标签： jquery gif loader

【解决方案1】：

通过改变3000（毫秒），可以减少或增加函数的启动时间

3 秒后淡出

$(window).load(function() {
   setTimeout(function(){ $('.loader').fadeOut('slow'); }, 3000);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img class="loader" width="300" src="https://cdn.dribbble.com/users/91700/screenshots/3038974/loader.gif" />

1s后淡入，3s后淡出

$(window).load(function() {
   setTimeout(function(){ $('.loader').fadeIn(); }, 1000);
   setTimeout(function(){ $('.loader').fadeOut('slow'); }, 4000);
})

.loader{display:none;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img class="loader"  width="300" src="https://cdn.dribbble.com/users/91700/screenshots/3038974/loader.gif" />

【讨论】：