当bg颜色发生变化时,Javascript正文文本发生变化

Javascript body text change when bg color changes NOT A DUPLICATE

本文关键字:变化 Javascript 正文 文本 bg 颜色      更新时间:2023-09-26

这与我之前的问题非常相似,但不一样,我正在努力学习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>

提前感谢你们这些了不起的人,到目前为止你们教会了我很多。

工作jsfiddle示例

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