jQuery, affiche le chargement de la page div uniquement si le chargement de la page prend plus de 2 secondes

C’est ma première question. J’espère pouvoir donner suffisamment de détails. J’ai le code suivant en 4 pages sur un site web:

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

Ce que je suis en train d’essayer d’atteindre: Lorsque vous parcourez les 4 pages, faites glisser la div #page_loading vers le bas uniquement si le chargement de la page prend plus de 2 secondes. Si le chargement des pages prend moins de 2 secondes (il a déjà été visité et la plupart des images sont mises en cache), la div de chargement n’apparaîtra pas.

À ce stade, même si la page prend moins d’une seconde pour charger, cette div de chargement apparaît toujours et disparaît, ce qui est plutôt gênant.

Merci Cristian.

• Options de JQueryMobile Loadmore
• Zend form validation ajax sur submit
• Obtenez le rowIndex d’un ASP.Net Gridview à l’aide de jQuery
• Équivalent Mootools de jQuery toggle ()?
• Boîte personnalisée avec la saisie semi-automatique de Google / Bing. Est-il possible de lire le fichier JSON reçu?

• Erreur d’object non valide lors de l’envoi de valeurs JSON avec apostrophe à Webservice
• Supprimer le texte après et append un autre texte
• Faire en sorte que Nivo-slider démarre avant que toutes les images ne soient chargées
• Vue partielle Rafraîchit après le post Jquery Ajax
• Pourquoi certaines requêtes JSON entre domaines échouent-elles, mais pas les autres?

 var showTimeout = setTimeout(function() { $('#page_loading').slideDown(500); }, 2000); jQuery(window).load(function () { clearTimeout(showTimeout); $('#page_loading').slideUp(500); });