2013-09-23 22 views
-1

我想讓某個單詞的顏色保持不變。誰能幫我?這是我到目前爲止:如何不斷更改javascript的顏色?

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

謝謝!

+0

A「字」不能用JavaScript(或CSS)直接風格,它具有在元素被包裹第一。那麼,你想要什麼樣的元素呢? –

+0

它不起作用?你的問題具體是什麼? – Meryovi

回答

2

我想給一個嘗試這種方式,不希望維護索引:

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