Time between jQuery add / remove class

Question

How to set a timer in 10 seconds?

addClass('loading').removeClass('loading') 

This is the complete code.

 $("#loadmore").click(function() { cap += 10; }).bind('click', loadfeed).addClass('loading').removeClass('loading'); 

Thanks.

Answer 1

Use setTimeout . Also not sure why you are attached to the click twice in two different ways ... so with these two changes it would look something like this:

 $("#loadmore").click(function() { cap += 10; loadfeed(); $(this).addClass("loading"); that = this setTimeout(function() { $(that).removeClass('loading'); }, 10000) }); 

Answer 2

You can use the jQUery delay () method and create a new queue to perform the action to remove the class.

 $("#loadmore").click(function () { cap += 10; loadfeed(); }).addClass("loading").delay(10000).queue(function(){ $(this).removeClass("loading"); $(this).dequeue(); }); 

If you don't like this, the setTimeout() solution provided by @jcmoney is awesome.

Answer 3

Using this is much better if you want jQuery on a single line:

http://api.jquery.com/delay/