jquery - 単語jsの回転 - 色も変更する方法

Question

別のスレッドでこのデモを見つけたばかりですが、回転するテキストの色も変更できる可能性があるかどうかを尋ねたいと思います.いろいろ遊んでいましたが、どうにか理解できませんでした.よろしくお願いします

ワーキングデモ

var keywords = ["awesome", "cool", "fantastic", "incredible"];
var count = 1;
setInterval(function(){    
    $("span.keyword").fadeOut(400, function(){        
        $(this).html(keywords[count]);        
        count++;        
        if(count == keywords.length)            
            count = 0;        
        $(this).fadeIn(400);    
    });
}, 2000);

Answer 1

別の配列を使用して色を保持し、を使用してそれらを適用するだけです.css()

これが動作中のバージョンです...

http://jsfiddle.net/zqEmT/11/

var keywords = ["awesome", "cool", "fantastic", "incredible"];
var colours = ["red", "green", "blue", "orange"];
var count = 1;
setInterval(function(){    
    $("span.keyword").fadeOut(400, function(){        
        $(this).html(keywords[count]).css("color", colours[count]);
        count++;        
        if(count == keywords.length)            
            count = 0;        
        $(this).fadeIn(400);    
    });
}, 2000);

Answer 2

これを試してみてください。

http://jsfiddle.net/zqEmT/9/

var keywords = ["awesome", "cool", "fantastic", "incredible"];
var count = 1;
setInterval(function(){    
    $("span.keyword").fadeOut(400, function(){        
        $(this).html(keywords[count]);        
        count++;        
        if(count == keywords.length)            
            count = 0;        

        var hue = 'rgb('
            + (Math.floor(Math.random() * 256)) + ','
            + (Math.floor(Math.random() * 256)) + ','
            + (Math.floor(Math.random() * 256)) + ')';        

        $(this).fadeIn(400).css('color', hue);    
    });
}, 2000);