jQuery - yalnızca ajax araması bir saniyeden daha uzun sürüyorsa yükleme görüntüsünü gösterilsin mi?

Question

"Loading .." animasyonu sadece ajax çağrısının bir saniyeden fazla sürmesi durumunda gösterilebilir mi? Ajax çağrılarımın bazıları oldukça hızlıdır, ancak yükleme simgesinin kaybolmadan önce bir saniyeliğine kesildiğini görüyorum. Sadece ben olabilirim ama dikkatimi dağıtır. Tamamen kaldırmak istemiyorum. Baska öneri?

var $loader = $('#loading'), timer; 

$loader.hide() 
    .ajaxStart(function() 
    { 
     timer && clearTimeout(timer); 
     timer = setTimeout(function() 
     { 
      $loader.show(); 
     }, 
     1000); 
    }) 
    .ajaxStop(function() 
    { 
     clearTimeout(timer); 
     $loader.hide(); 
    }); 

Answer 1

- İşte benim kod.

var loadingTimeout; 
$('#loading').hide() 
.ajaxStart(function() { 
    var element = $(this); 
    loadingTimeout = setTimeout(function() { 
     element.show(); 
    }, 1e3); 
}) 
.ajaxStop(function() { 
    clearTimeout(loadingTimeout); 
    $(this).hide(); 
}); 

Answer 2

Bir setTimeout() kullanabilirsiniz: Bir zamanlayıcı kodunuzu koymalıyız

$('#loading').hide() 
    .ajaxStart(function() { 
     $(this).show(); 
    }) 
    .ajaxStop(function() { 
     $(this).hide(); 
    }); 

<div id="loading"> 
    <img alt="Loading, please wait.." src="/content/images/spinner.gif" /> 
</div>