Cómo retrasar el complemento de Jquery UIBlock?

Question

Estoy usando este complemento. http://jquery.malsup.com/block/#overview

Sin embargo, me gustaría que este bloqueUI solo aparezca, por ejemplo, si la solicitud de AJAX dura más de 1 segundo. Si no muestra nada.

¿Hay alguna manera de que pueda hacer esto?

Answer 1

Cuando llame a su AJAX, llame al BlockUI en un setTimeout().

// Using a setTimeout, display the blockUI after 1000 milliseconds 
var timeout = setTimeout(function() { 
    $.blockUI({ message: $('selector') }); 
}, 1000); 

$.ajax({ 
    url:'/some/path', 
    success: function(data) { 
     // your success callback 
    }, 
    complete: function() { 
      // Clear the timeout just in case the response came back 
      // in less than 1000 milliseconds 
     clearTimeout(timeout); 
     $.unblockUI(); 
    } 
});