jquery - jQueryを使用して配列からランダムな要素を選択します

Question

jQUeryアニメーション関数で背景色を設定したいのですが、配列からランダムな要素を選択する必要があります。

$(".menu li").hover(function() {
  $(this).animate({borderBottomColor:"#81C6DD"}, 200)
}, function() {
  $(this).animate({borderBottomColor:"#D8D9DC"}, 200)
});

Answer 1

配列をランダム化したくないように聞こえますが、毎回配列からランダムな要素を選択したいように聞こえます。色の配列がと呼ばれると仮定してcolors、次を使用します。

var color = colors[Math.floor(colors.length * Math.random())];

なぜあなたがそれをしたいのか疑問に思いますが。ランダムな色は、本当に醜く、混乱を招く可能性のあるUIのレシピのように聞こえます。

Answer 2

多くの色の値を持つ配列を作成し、範囲間で乱数を生成するjavascriptの関数を使用します。この場合、oから色配列の配列の長さまでの間に乱数を生成する必要があります。次に、この乱数をカラー配列のキーとして使用し、これをカラーの代わりに配置します。