1

すべての画像が読み込まれるまで待機する読み込みページを作成しようとしています。これは素晴らしいプラグインですが、タイムアウトを追加して、読み込みが非常に速い場合に読み込みページが点滅しないようにする方法があるかどうか疑問に思っていました...

これは私が書いたものですが、うまくいかないようです。したがって、すべての画像が読み込まれてから 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');
       }
    }

});

4

1 に答える 1

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');
}
于 2015-04-16T19:11:14.617 に答える