Zeit für loader gif

Question

Ich verwende folgende für animierte gif loader.

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

Das funktioniert gut, aber ich bin auf der Suche nach meinem GIF zu zwingen, für eine bestimmte Zeit zu bleiben. Ich möchte mit 1 Sekunde beginnen. irgendwelche Ideen? Vielen Dank!

Answer 1

die 3000 (Millisekunden) Durch die Änderung, können Sie die Startzeit der Funktion

---

verblassen reduzieren oder erhöhen Out nach 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" />

---

Einblenden nach 1s und Ausblenden nach 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" />