jQuery - केवल लोडिंग छवि दिखाएं यदि AJAX कॉल एक सेकंड से अधिक समय लेता है?

Question

क्या "लोड हो रहा है .." एनीमेशन केवल तभी दिखाना संभव है जब AJAX कॉल कहने से अधिक लेता है, एक सेकंड? मेरी कुछ AJAX कॉल बहुत तेज हैं लेकिन मैं अभी भी गायब होने से पहले एक सेकंड के एक अंश के लिए लोडिंग आइकन देखता हूं। हो सकता है कि यह सिर्फ मुझे हो, लेकिन मुझे यह विचलित लगता है। हालांकि मैं इसे पूरी तरह से हटाना नहीं चाहता हूं। कोई सुझाव? यहाँ मेरी कोड है -

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

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

Answer 1

आपके पास टाइमर में अपने कोड रखना चाहिए:

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

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

Answer 2

आप एक setTimeout() इस्तेमाल कर सकते हैं।

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