jQuery ajax loading - display the loading image for a min. of 1 second

Question

i have a jquery ajax request. On page load a loading-image is displayed. this is working well, but i want to display the loading gif for a minimum of 1 second.

I've already tried this: Ajax loader image: How to set a minimum duration during which the loader is shown? , but it's not working.

My code is:

<div id="ajaxcontent"><img src="loader.gif" id="ajaxloading" /></div>

and

$.ajax({
// some code for the request
success: function () {
             $('#ajaxcontent').text(myResultText);
        }

I've also tried to add .delay(1000) before the text is shown, but this also does not work.

erimerturk · Accepted Answer · 2011-11-29 08:50:59Z

2

did you try this ?

   setTimeout(function() { $('#ajaxcontent').text(myResultText);},
               1000);

answered Nov 29, 2011 at 8:50

erimerturk

4,28827 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rory McCrossan · Accepted Answer · 2011-11-29 08:52:42Z

1

The delay() method in jQuery relates to animations, so it won't delay the updating of any properties of an element. Instead, try using the setTimeout() function, which runs the code you specify after waiting for a set number of miliseconds:

$.ajax({
    // some code for the request
    success: function () {
        setTimeout(function() {
            $('#ajaxcontent').text(myResultText);
        }, 1000);
    }
}

answered Nov 29, 2011 at 8:52

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

Collectives™ on Stack Overflow

jQuery ajax loading - display the loading image for a min. of 1 second

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related