Question

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

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

这很好用，但是我想强迫我的gif坚持一段时间。我想以1秒钟开始。有任何想法吗？谢谢！

Answer 1

通过更改3000（毫秒），您可以减少或增加功能的开始时间

3s后淡出

＆＃13;

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

＆＃13;

<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" />

＆＃13;

1s后淡入，3s后淡出

＆＃13;

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

＆＃13;

.loader{display:none;}

＆＃13;

<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" />

＆＃13;

设置加载程序gif

1 个答案: