I want to delay jQuery ajax successful function

jquery ajax delay replacewith
kilogram picture kilogram · Nov 27, 2016 · Viewed 7.3k times · Source

I want to let user wait for 2 seconds before the HTML inside the block changes. Can you help me to set some time so that ajax request was not so fast and I had time to show some animation

I tried to set timeout but it is not working

Answer

TheValyreanGroup picture TheValyreanGroup · Nov 27, 2016

Just use setTimeout in your success callback function.

success : function(data){
    setTimeout(function(){
         var newWidget = $(data); 
         $('#widget-container').replaceWith(newWidget);
     },2000);  // The millis to wait before executing this block
},

Related questions

delaying actions between keypress in jQuery

How can I delay actions between keypress in jQuery. For example; I have something like this if($(this).val().length > 1){ $.post("stuff.php", {nStr: "" + $(this).val() + ""}, function(data){ if(data.length > 0) { $('#suggestions').show(); $('#autoSuggestionsList').html(data); }…

Read More
Trying to add delay to jQuery AJAX request

I am trying to delay an AJAX request so that it is sent out 2-3 seconds after the LAST keyup of an input cell. So far I have managed to delay the requests, but after 2-3 seconds I get one …

Read More
jQuery AJAX submit form

I have a form with name orderproductForm and an undefined number of inputs. I want to do some kind of jQuery.get or ajax or anything like that that would call a page through Ajax, and send along all the …

Read More