jQuery, wyświetlanie ładowania strony div tylko wtedy, gdy załadowanie strony zajmuje więcej niż 2 sekundy

To moje pierwsze pytanie, więc mam nadzieję, że podam wystarczająco dużo szczegółów. Mam następujący kod na 4 stronach w witrynie:

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

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

Co próbuję osiągnąć: Przeglądając 4 strony, należy przesunąć div #page_loading tylko wtedy, gdy załadowanie strony zajmuje więcej niż 2 sekundy. Jeśli załadowanie stron zajmuje mniej niż 2 sekundy (odwiedzono je wcześniej, a większość obrazów jest buforowana), wówczas podział ładowania nie pojawi się.

W tym momencie, nawet jeśli strona zajmuje mniej niż jedną sekundę, aby załadować, ładowanie div nadal pojawia się i znika, i to jest dość denerwujące.

Dziękuję, Cristian.

questionAnswers(1)

yourAnswerToTheQuestion