当bg颜色改变时，Javascript正文文本会改变，而不是重复

这与我之前的一个问题非常相似，但不同，我正在尝试学习Javascript的微妙之处

下面是我的代码，当图像改变时，我需要改变正文中的文本，我想我已经到了那里，并且解决了它，但是正如你在下面看到的，它还不是我想要的那样。 如果你能帮助我，我将非常感激

<script>
    $(document).ready(function() {
        element = $("#testElement");
        i = 1;

        setInterval(function() {
            element.removeClass("color"+i);
            console.log(i);
            i++

            if (i == 5) {
                i = 1;
            }

            element.addClass("color"+i);
        }, 1000);
    })

    var arr = ['hi','hello ','how ','are ','you '];                    
    changeColorAndText($('#testElement '), 0);
</script>

$（文档）.ready（函数（）{
元素=$（“#testElement”）；
i=1；
setInterval（函数（）{
元素。移除类（“颜色”+i）；
控制台日志（i）；
我++
如果（i==5）{
i=1；
}
元素addClass（“颜色”+i）；
}, 1000);
})
var arr=['hi'，'hello'，'how'，'are'，'you']；
changeColorAndText（$（'#testElement'），0）；

提前感谢你们这些优秀的人，你们教会了我很多东西。

这是您的元素
$（文档）.ready（函数（）{
元素=$（“#testElement”）；
var arr=['hi'，'hello'，'how'，'are'，'you']；
var i=1；//本地化此变量的范围（无需）
setInterval（函数（）{
元素。移除类（“颜色”+i）；
控制台日志（i）；
i++；//此处缺少分号
如果（i==5）i=1；
元素addClass（“颜色”+i）；
text（arr[i]）；//更改元素的内部文本
}, 1000);
});

你也可以分享HTML代码吗？很高兴它对你有用，可能是重复的。如果时间允许，请接受答案：）。我将发布另一个问题，如果你能为我凝视你的专家眼睛，我将非常感激。呵呵！厚颜无耻的！

    <div id="testElement">This is your element</div>

    <script>
    $(document).ready(function() {

    element = $("#testElement");
var arr = ['hi','hello ','how ','are ','you ']; 

var i = 1; // localizing scope of this variable (not necessary)
    setInterval(function(){
        element.removeClass("color"+i);
        console.log(i);
        i++; // missing semicolon here
        if(i == 5)  i = 1;
        element.addClass("color"+i);
        element.text(arr[i]); // change the inner text of element

    }, 1000);
});

</script>