Question

I have this function in jQuery that gets data from a page with POST, then sets the response into a div:

$("#go").click(function(){ 
   $.post("get.php", {p: 'abc'}, function(data){ 
   $('#result').html(data); 
   });
});

This works, but is there anyway to delay the data going into the #result tag by about 3 seconds?

Eventually I want the tag to say:

“Loading.”, “Loading..”, and “Loading…” for a second each, then show the data.

Answer 1

Try this:

$("#go").click(function(){ 
   // Show loader here
   $.post("get.php", {p: 'abc'}, function(data){ 
       setTimeout(function () {
           // Hide loader here
           $('#result').html(data);
       }, 3000); 
   });
});