Javascript 如何制作网站';动态显示单词,每次更改颜色

Javascript 如何制作网站';动态显示单词,每次更改颜色,javascript,html,Javascript,Html,我的网站上有一些用HTML编写的文本: 这里是word1。 我目前已经编写了JavaScript,可以在站点上动态更改单词: $(function () { count = 0; wordsArray = ["word1", "word2", "word3"]; setInterval(function () { count++; $("#my_words")

我的网站上有一些用HTML编写的文本:

这里是word1。
我目前已经编写了JavaScript,可以在站点上动态更改单词:

$(function () {
    count = 0;
    wordsArray = ["word1", "word2", "word3"];
    setInterval(function () {
        count++;
        $("#my_words").fadeOut(1000, function () {
            $(this).text(wordsArray[count % wordsArray.length]).fadeIn(1000);
        });
    }, 2000);
});

如何使单词的颜色在每次循环时都发生变化?从预定义的颜色或随机选择。

您可以使用
$.css
jquery函数更改
span
的颜色,如下所示

$(函数(){
计数=0;
wordsArray=[“word1”、“word2”、“word3”];
常量colorArray=['#FF0000'、'#00FF00'、'#0000FF'];
setInterval(函数(){
计数++;
$(“#我的单词”).fadeOut(1000,函数(){
$(this).text(wordsArray[count%wordsArray.length]).fadeIn(1000);
$(this.css('color',colorArray[count%colorArray.length]).fadeIn(1000);
});
}, 2000);
});
这里是word1。

$(this).css('color',getRandomColor()).text(…).fadeIn(…)
?只需编写
getRandomColor
,就像我们在网站上遇到的关于获取随机颜色的所有其他问题一样。这是否回答了您的问题?