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 }; 

도움이 필요합니다.

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

나는 obj가 무엇인지 정확히 모르겠지만 나는 그것이 jQuery를 객체의 같은데요 :

Answer 1

흠 .... 나는 이런 식으로 할 것 같아요.

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