Add class after 10 seconds

Question

I have a div where when I click it, it adds a class of 'playing'. Then, after 10 seconds, I want to add a class of 'finished'.

I have this code, but how do I time it so after 10 seconds, it adds the class of finsihed?

  $('.albums img').on('click',function(){
    $(this).addClass('playing');
  });

Any help is appreciated!

---

Thanks a ton everyone. I used this question to show ~30 students at HackerYou how to use stackoverflow to get top notch help from the community.

Answer 1

Try using setTimeout specifying 10 seconds delay.

 $('.albums img').on('click',function(){
    var $this = $(this).addClass('playing');
    window.setTimeout(function(){
        $this.addClass('finsihed');
    }, 10000); //<-- Delay in milliseconds
  });