Question

我想为我有的淡入/淡出文本函数的文本设置一个随机颜色

功能（有效）：

jQuery("div.custom_logo").ready(

    function(){

        //initial fade-in time (in milliseconds)
        var initialFadeIn = 1500;

        //interval between items (in milliseconds)
        var itemInterval = 2000;

        //cross-fade time (in milliseconds)
        var fadeTime = 500;

        //count number of items
        var numberOfItems = jQuery("div.custom_logo").children().length;

        //set current item
        var currentItem = 0;

        //show first item
        jQuery("div.custom_logo").children().eq(currentItem).fadeIn(initialFadeIn);

        //loop through the items
        var infiniteLoop = setInterval(function(){
            jQuery("div.custom_logo").children().eq(currentItem).fadeOut(fadeTime);

            if(currentItem == numberOfItems -1){
                currentItem = 0;
            }else{
                currentItem++;
            }
            jQuery("div.custom_logo").children().eq(currentItem).fadeIn(fadeTime);

        }, itemInterval);

    }

);

假设我想要颜色：

蓝色：＃37fff5 绿色：＃8cff04 橙色：＃ffa018 粉红色：＃f247f8

虽然我知道如何将颜色添加到给定元素中，但我不知道如何从我上面提到的solors中选择随机颜色：

要更改淡入文字的颜色，我会

//show first item
jQuery("div.custom_logo").children().eq(currentItem).css('color', theRandomColor).fadeIn(initialFadeIn);

和

jQuery("div.custom_logo").children().eq(currentItem).css('color', **NEWRandomColor**).fadeIn(fadeTime);

谢谢，

Answer 1

我认为这种方式是最好的

RandomColor = function() {
    colors = ['red', 'white', 'blue', 'green']
    return colors[Math.floor(Math.random()*colors.length)];
}

函数的返回将是颜色例如：

a = RandomColor（）; console.log（a）//“blue”

Answer 2

RandomColor = function () {
    var _colors = ["#aaa", "#bbb", "#ccc", "red", "white"];
    this.getRandomColor = function() {
        var rnd = Math.floor(Math.random()*_colors .length);
        return _colors[rnd];
    }
};

(new RandomColor()).getRandomColor();

jQuery从给定列表中获取随机颜色

2 个答案: