javascript - jquery中动画的随机颜色

Question

我尝试使用带有 ui animate 的 jquery 添加文本效果。有没有一种方法可以在不定义所有颜色的情况下随机显示所有可能的颜色。例如，颜色组合基于 RGB。使用像

这样的颜色的动画

setInterval(function() {
jQuery(".font-style").animate({color: "red"}, 2000).
          animate({color: "green"}, 2000).animate({color: "blue"}, 2000);}, 400);

是否有可能在 jquery 中随机显示 RGB 的颜色组合。任何建议都会很棒。

谢谢。

Answer 1

您可以像这样生成随机颜色:

var newColor = '#'+(0x1000000+(Math.random())*0xffffff).toString(16).substr(1,6);
jQuery(".font-style").animate({color: newColor}, 2000); // animate

这将创建一个随机的十六进制颜色，例如 #ff00cc。

注意:常规的 jQuery 不会为颜色设置动画，您必须使用 jQuery color plugin或 jQuery UI