javascript - 随机彩色文本jquery

Question

我想在 div 中输入一段文本，并用空格和/或逗号分隔每个单词，并且使用彩虹的不同颜色(黑色或白色除外)。我该怎么做？

Answer 1

看到您要求“彩虹的颜色”，您可能不想生成真正随机的颜色(您也会得到暗淡的颜色和灰色)。您可以使用您想要使用的颜色集设置一个数组，并随机分配这些颜色:

// any valid css colours
var colors = ["#ff3322", "blue", "red", "green", "yellow"];

$('#someText').html(function (i, text) {
    return $.map(text.split(' '), function (word) {
         return '<span style="color:'
             + colors[Math.floor(Math.random() * colors.length)]
             + '">' + word + '</span>';
    }).join(' ');
});

演示:http://jsfiddle.net/bjGEF/