设置时间为加载器gif

Question

我使用以下为动画gif加载程序。

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

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

Answer 1

通过改变3000（毫秒），可以减少或之后增加功能的启动时间

---

淡出3S

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