Question

这与我之前的一个问题非常相似但不一样，我试图了解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>

提前感谢很棒的人，到目前为止你教过我很多。

Answer 1

Working jsfiddle example

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

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

1 个答案: