jQuery, отображать загрузочный div страницы, только если загрузка страницы занимает более 2 секунд

Это мой первый вопрос, поэтому, надеюсь, я приведу достаточно подробностей. У меня есть следующий код на 4 страницах на сайте:

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

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

Чего я добиваюсь: просматривая 4 страницы, делайте div #page_loading, скользя вниз, только если загрузка страницы занимает более 2 секунд. Если страницы загружаются менее чем за 2 секунды (были посещены ранее и большинство изображений кэшированы), то раздел загрузки не будет отображаться.

На этом этапе, даже если загрузка страницы занимает менее одной секунды, этот загрузочный div все равно появляется и исчезает, и это довольно раздражает.

Спасибо, Кристиан.

Ответы на вопрос(1)

Ваш ответ на вопрос