jQuery预加载程序，最短时间

Question

Heyo，

我想知道是否有一种方法可以将min-time设置为onload function，从而使div显示为min 2sec。与min-width或min-height基本相同。如果站点加载时间长于2sec，则在站点完全加载之前，div仍将显示，但当站点加载时间小于2sec时，div仍将显示至少2sec。

这是我当前的代码：

$(window).on('load', function() {
$('.preloader').delay(350).fadeOut('slow');
});

Answer 1

试试这个：

$(window).on('load', function() {
setTimeout( function(){
$('.preloader').fadeOut('slow'); 
}, 2000 )
});

Answer 2

因此，我认为您希望在以下两种情况下运行函数：页面加载或2秒后，无论以后发生什么。

首先，定义要调用的函数：

function load_func() {
$('.preloader').delay(350).fadeOut('slow');
}

然后，让我们定义一种在任何一种情况下调用函数的方法：

var pageLoaded = false;
var timeoutElapsed = false;
$(window).on('load', function() {
pageLoaded = true;
if (timeoutElapsed) {
load_func();
}
});
setTimeout(function() {
timeoutElapsed = true;
if (pageLoaded) {
load_func();
}
}, 2000);

这样，如果页面在2秒内加载，它将等待超时来调用函数。

否则，如果页面在2秒钟后加载，则每当发生load事件时，它都会调用它。