Удалить загружаемый счетчик после установленного времени

Question

Я использую следующий javascript для загрузки и удаления счетчика для веб-страницы.

$(window).load(function() { 
    $(".sk-rotating-plane").fadeOut("slow");; 
    setTimeout(function(){ 
    $('body').addClass('loaded'); 
    }, 10); 
}); 

То, что я хочу сделать, это изменить его так, что если нагрузка страницы занимает больше времени, чем на 5 секунд, затем снимите кок (затухания), но я все еще хочу, чтобы оно нормально, если загрузка занимает нормальное время (функция загрузки).

Можно ли это сделать с помощью оператора if в javascript?

Answer 1

Попробуйте это:

var executed = false; 
var loaded = function() { 
    if (!executed) { 
     $(".sk-rotating-plane").fadeOut("slow"); 
     setTimeout(function() { 
      $('body').addClass('loaded'); 
     }, 10); 
     executed = true; 
    } 
}; 
$(window).on('load', loaded); 
setTimeout(loaded, 5000); 

Answer 2

Это также хорошо, чтобы закрыть его дважды.

setTimeout(function(){ 
    $(".sk-rotating-plane").fadeOut("slow"); 
}, 5000); 

$(window).on('load', function(){ 
    $(".sk-rotating-plane").fadeOut("slow"); 
    $('body').addClass('loaded'); 
    // more stuff 
}); 

Answer 3

Вы можете достичь этого, используя метод setinterval для регулярного поиска, очистки таймера при загрузке.

$(window).load(function() { 
    clearInterval(stimer); 
    $('body').addClass('loaded'); 
    }); 

Теперь запустите таймер, чтобы посмотреть время загрузки

var count=1 
var stimer=setInterval(function(){ 
    if(count==5) 
    { 
    $(".sk-rotating-plane").fadeOut("slow"); // taking more time 
    } 
    count++; 
    }, 1000);