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