添加超时以等待图像

Question

我正在尝试创建一个加载页面，该页面一直等到所有图像都加载完毕。这是一个很棒的插件，但我想知道是否有办法为其添加超时，以便如果加载速度非常快，加载页面不会只是在您身上闪烁......

这是我写的，但它似乎不起作用。因此，如果所有图像都已加载并且是在 3 秒后，请摆脱加载页面。如果有人有任何建议，将不胜感激！谢谢！

var timeout = false;
setTimeout(function() {
    timeout = true;
    console.log("TIMEOUT!");
}, 3000);
$("html").css({overflow: 'hidden' })

$('html').waitForImages({
    waitForAll: true,
    finished: function() {
       if (timeout == true) {
           $('#loading').css({display: 'none'});
           $("html").css({overflow: 'scroll' });
           $('html').unbind('touchmove');
       }
    }  

}）;

Answer 1

我会稍微

修改一下你的代码：

var timeout = false;
var loadedimages = false;
setTimeout(function() {
    console.log("TIMEOUT!");
    if (loadedimages == true) hideloadingdiv();
    else timeout = true;
}, 3000);
$("html").css({overflow: 'hidden' })

$('html').waitForImages({
    waitForAll: true,
    finished: function() {
       if (timeout == true) {
           hideloadingdiv();
       }
       else
       {
           loadedimages = true;
       }
    }  
});
function hideloadingdiv()
{
    $('#loading').css({display: 'none'});
    $("html").css({overflow: 'scroll' });
    $('html').unbind('touchmove');
}