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 ;

因为color是元素的style属性的属性，并且它不是方法。

<强> Fiddle

如何使用javascript更改颜色？

1 个答案: