Как дать блокам класс, через интервал времени?

Question

[seacjs]

Имеется несколько span блоков в диве. Нужно каждому span дать класс через промежуток времени в секунду.
Пробую так, но не работает. Ошибок в консоли нет.
$('div span').each(function(){
var id = parseInt($(this).attr('id'));
setTimeout(function(){
$('div span#'+id).addClass('test');
},1000*id);
});

Comments

[seacjs]

Нужно каждую секунду давать класс блокам поочереди.

[Александр Миранович]

jsfiddle.net/f48ZD/117 так а тут как сделано

Answer 1

[Александр Миранович]

jsfiddle.net/f48ZD/117
вот решение твоей задачи

Comments

[seacjs]

Спасибо, то что нужно! Если вас не затруднит, могли бы пояснить почему в моем случае не сработало. Так то все одинаково, только в вашем варианте, выполнено через функцию.

Answer 2

[Сергей Протько]

$('div span').each(function(el){
    var $el = $(el);
    setTimeout(function(){
        $el.addClass('test');
    },1000);
});

Answer 3

[Вячеслав Успенский]

Уже выше ответили, но у меня есть уточнение: зачем вы это делаете? Может быть вашу задачу можно решить при помощи css анимаций?

Comments

[seacjs]

Делаю анимацию заголовков на странице. Каждая буква слова поочереди анимируется с помощью animate.css Т.к. заголовки могут состоять из разного количества символов, с помощью js слово разбиваю по буквам. Вот.

[Вячеслав Успенский]

seacjs: а вы уверены что стоит так делать? попахивает 90ми. Я не критикую, реализации не видел, но может лучше посмотреть в сторону: techno-co.ru/web_master/tich/493-animaciya-s-poyav... Если вам хочется анимации?