2017-10-18 21 views
1

J'utilise ce qui suit pour le chargeur GIF animé.régler le temps pour loader gif

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

Cela fonctionne très bien, mais je cherche à forcer mon gif à rester dans le temps. Je voudrais commencer par 1 seconde. des idées? Merci!

+0

Pour 1 seconde après l'événement se déclenche de window.load? –

+1

Vous utilisez les mauvaises citations ici '$ (". Loader ")' – j08691

+1

oui c'était un problème! Je vous remercie. @ j08691 – junger

Répondre

1

En changeant les 3000 (millisecondes), vous pouvez réduire ou augmenter le temps de démarrage de la fonction


fade out après 3 s

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


fondu après 1s et fondu après 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" />