Добавление и удаление класса по истечению времени, на странице — как?

Question

[Caspergreen]

function rainbow() {
        $('.navigation li').each(function(){
         $(this).addClass('selected').delay(90000).removeClass('selected');
         setTimeout (function(){
            $(this).removeClass('selected');
         }, 1000);
        });
      }

Пытаюсь сделать добавление класса selected, в <li> по истечению 9000мс он должен удаляться. Код не хочет работать. Что делаю не так?

Answer 1

[Aliansys]

Что касательно Таймаута, то this в анонимной функции уже будет ссылаться не туда куда вы хотите. Нужно делать либо замыкание, либо использовать .bind, в современных браузерах.

Пример:

setTimeout (function(){
            $(this).removeClass('selected');
         }.bind(this), 1000);

В .bind первым аргументом отдается контекст. Больше можете почитать в гугле )

Answer 2

[Philipp]

Set a timer to delay execution of subsequent items in the queue.

Answer 3

[Леонид Сысолетин]

Ну, во-первых, 90000 != 9000.
Во-вторых, нафига вам там setTimeout?

Answer 4

[Сергей Мельников]

.delay() - работает только с анимациями
вам надо делать так

function rainbow() {
  $('.navigation li').each(function() {
    $(this).addClass('selected');
    setTimeout (function() {
      $(this).removeClass('selected');
    }, 9000);
  });
}