javascript - 如何使用 javascript 不断更改颜色？

Question

我想让颜色在某个词上不断变化。谁能帮我？这是我到目前为止所拥有的：

var myColor = document.getElementById("color");
var colorArray = ["#ffd464", "#2980b9", "#DC143C", "#3CB371", "#DA70D6", "#9400D3"];
var colorIndex = 0;

function changeColor() {

    myColor.style.color('color', colorArray[colorIndex]);
    colorIndex++;
    if (colorIndex >= colorArray.length) {
        colorIndex = 0;
    }

}
setInterval(changeColor, 5000);   

谢谢！

Answer 1

我会尝试这种方式，不想维护索引：

function changeColor(){

  var color = colorArray.shift(); //get the top color from array
   colorArray.push(color); //push it to the end to cycle it
  myColor.style['color'] = color ; //syntax error here

}
setInterval( changeColor,5000 );

并且

myColor.style.color('color', colorArray[colorIndex]);

应该

 myColor.style['color'] = color ;

因为颜色是元素样式属性的属性，而不是方法。

小提琴