Mostra l'indicatore di caricamento ajax non immediatamente ma dopo un ritardo

Question

Il mio progetto di app Web corrente fa un uso pesante delle chiamate Ajax. Molti di loro sono veloci e rispondono quasi immediatamente. Quindi, mostrare sempre caricatore ajax non è necessario. Ma voglio mostrare un caricatore Ajax quando le chiamate Ajax richiedono più tempo di 250ms (o giù di lì). In caso contrario, gli utenti potrebbero essere confusi e continuare a fare clic sui collegamenti più e più volte. :)

Qualche idea su come farlo utilizzando jQuery?

Answer 1

ho esperienza precedente con jQuery ma per ottenere un semplice ritardo di esecuzione del codice, basta usare questo:

setTimeout ("foo()", 250); 

dove foo() è la funzione responsabile loading ... indicazione .

Answer 2

È possibile utilizzare un timer Javascript per attivare dopo 250 ms per visualizzare il messaggio "caricamento in corso ..."?

Attivare questo su ajaxSend(), e disattivarla sul ajaxComplete() (e deselezionare la 'loading ...' messaggio se reqd), e quindi l'attuazione dovrebbe essere trasparente a qualunque Ajax chiamate effettuate.

Answer 3

var activity = false; 
$("#loadingIndicator").ajaxStart(function() { 
    activity = true; 
    window.setTimeout(function() { 
     if (activity) { 
      //alert('activity'); 
      $("#loadingIndicator").show(); 
     } 
    } 
    , 700); 
}); 
$("#loadingIndicator").ajaxStop(function() { 
    activity = false; 
    $(this).hide(); 
});