jQuery，仅当页面加载时间超过2秒时才显示加载页面div

这是我的第一个问题，所以希望我能提供足够的细节。我在网站的 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 仍然会出现并消失，这非常烦人。

谢谢你，克里斯蒂安。

这能起到作用吗？

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

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