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仍会出现并消失，而且非常烦人。

谢谢你，克里斯蒂安。

Answer 1

这会诀窍吗？

 var showTimeout = setTimeout(function() { $('#page_loading').slideDown(500); }, 2000); jQuery(window).load(function () { clearTimeout(showTimeout); $('#page_loading').slideUp(500); });