JQuery以设置的间隔显示每个元素

我正在寻找一个JQuery代码，它将首先显示数组中的每个元素。然后我想以设定的间隔用不同的颜色显示每个数字。 例如，首先用黑色文本显示12345678，然后用红色文本显示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对象

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

这应该会无限期地持续下去。

见鬼：

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

var arr=[“1”、“2”、“3”、“4”、“5”、“6”、“7”、“8”]；
$。每个（arr，功能（即，e）{
setTimeout（函数（）{
var elem=$（''，{text:e}），
时间=（i*300）+（arr.length*300）；
$（'body'）.append（elem）
setTimeout（函数（）{
元素css（'color'，'red'）.prev（'span'）.css（'color'，'black'）；
}，时间）；
}，i*300）；
});

---

您有什么问题？你试过什么了吗？