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);
});