jQuery,只有在页面加载时间超过2秒时才显示加载页面div

Question

这是我的第一个问题,所以希望我能提供足够的细节.我在网站上的4页中有以下代码:

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

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

我想要实现的目标:当浏览4个页面时,只有当页面加载时间超过2秒时,才能将#page_loading div向下滑动.如果页面加载时间不到2秒(之前访问过并且大多数图像都被缓存),则加载div将不会显示.

此时,即使页面加载时间不到一秒,加载div仍会出现并消失,而且非常烦人.

谢谢你,克里斯蒂安.

Answer 1

这能起到作用吗？

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

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