Delay function of jquery to load ?

Question

I want to delay blocking by 2 seconds while executing this code. How can I do that ? I tried setTimeout but it did not worked.

document.getElementById('<%=btnSave.ClientID%>').disabled=true;
document.getElementById('<%=btnSave.ClientID%>').value='Saving...';
$('#Block').block({message:'Please wait...',css: { border: '3px solid #a00' }}); 

Answer 1

You're correct to use setTimeout() here, like this:

//block, what you currently have:
$('#Block').block({message:'Please wait...',css: { border: '3px solid #a00' }}); 

//unblock in 2000ms, or 2 seconds
setTimeout(function() { $('#Block').unblock(); }, 2000); 

If you're dealing with an UpdatePanel then I would look at the end_Request event, and actually unblock/reenable when the request finishes.