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

【问题标题】：How do I keep changing a color with javascript?如何使用 javascript 不断更改颜色？
【发布时间】：2013-09-23 01:45:05
【问题描述】：

我想保持某个单词的颜色变化。谁能帮我？这是我到目前为止所拥有的：

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

谢谢！

【问题讨论】：

“单词”不能直接用 JavaScript（或 CSS）设置样式，它必须先被包裹在一个元素中。那么，您想要设计什么元素？
它不起作用？你的具体问题是什么？

标签： javascript jquery colors

【解决方案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 ;

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

Fiddle

【讨论】：