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.