JQuery показать каждый элемент с заданным интервалом

Question

Я ищу код JQuery, который сначала отобразит каждый элемент в моем массиве. Затем я хочу показать каждое число с разным цветом в заданный интервал. Так, например, сначала покажите 1 2 3 4 5 6 7 8 в черном цветовом тексте, затем покажите 1 с красным цветом и секунду после шоу 2 красным цветом и сделайте 1 черный, а затем 3 в красном и 2 назад до черного и так далее.

var obj1 = ["1", "2", "3", "4", "5", "6", "7", "8"]; 
var obj2 = { arrNum1: obj1 }; 

Любая помощь предоставляется.

Answer 1

Хм .... Я думаю, я бы сделал это так:

var objs = [ 
    obj1, obj2, obj3 obj4 ... 
]; 

Я не совсем уверен, что OBJ это, но я предполагаю, что это объект JQuery.

var index = 0; 
var prev_index = objs.length - 1; 
var seconds = 1000; 

var swap_color = function() { 

    objs[index].css('color', 'red'); 
    objs[prev_index].css('color', 'black'); 

    prev_index = index; 
    index++; 
    if(index >= objs.length) index = 0; 

    setTimeout(swap_color, seconds); 

} 

setTimeout(swap_color, seconds); 

Это должно продолжаться бесконечно.

Answer 2

Какого черта:

var arr = ["1", "2", "3", "4", "5", "6", "7", "8"]; 

$.each(arr, function(i,e) { 
    setTimeout(function() { 
     var elem = $('<span />', {text: e}), 
      time = (i*300)+(arr.length*300); 
     $('body').append(elem) 
     setTimeout(function() { 
      elem.css('color', 'red').prev('span').css('color', 'black'); 
     },time); 
    }, i*300); 
}); 

FIDDLE