jQuery, Anzeige Lade Seite div nur, wenn die Seite mehr als 2 Sekunden zum Laden braucht

Question

Dies ist meine erste Frage, also werde ich hoffentlich genug Details geben. Ich habe den folgenden Code in 4 Seiten auf einer Website:

$(document).ready(function() { 
    $('#page_loading').slideDown(500); 
}); 

jQuery(window).load(function() { 
    setTimeout(function() {$('#page_loading').slideUp(500);}, 1500); 
}); 

Was ich bin, ich versuche zu erreichen: Wenn die 4 Seiten gründlich durchsucht, habe die #page_loading div nach unten rutscht nur, wenn die Seite mehr als 2 Sekunden dauert Laden. Wenn das Laden der Seiten weniger als 2 Sekunden dauert (wurde zuvor besucht und die meisten Bilder werden zwischengespeichert), wird das Lade-Div nicht angezeigt.

An dieser Stelle, selbst wenn die Seite dauert weniger als eine Sekunde zu laden, das Laden div immer noch erscheint und verschwindet, und es ist ziemlich nervig.

Danke, Cristian.

Answer 1

Wird dies den Trick machen?

var showTimeout = setTimeout(function() { 
    $('#page_loading').slideDown(500); 
}, 2000); 

jQuery(window).load(function() { 
    clearTimeout(showTimeout); 
    $('#page_loading').slideUp(500); 
});