これらの無作為に生成された色を自動更新する方法

Question

私はさまざまな方法でsetIntervalを使用するように私の頭の中から多くのソリューションを試しましたが、動作させることができません。

現在、すべてのリフレッシュ時に、パターンはすべてランダムになります。私が望んでいたことに最も近いのは、setIntervalとコードを作ったのですが、1つの四角で色​​を連続的に変更するだけでした。私は途中で削除しました。

ページが読み込まれた後でも、既に生成されたものに固執するのではなく、ランダムな色を引き継いでいきます。

var rndTile = Math.floor((Math.random() * 40) + 1); 
var base = 2/2; 
var colChoices = ["#81A594","#79BEDB","#6B78B4", "#593E1A", "#99CCCC"]; 
var fadeTime = Math.floor((Math.random * 6000)); 

コード：私は正常に私はここに私自身の解決策を提示していますあなたのフィドルを理解することはできませんのでhttps://jsfiddle.net/nL56woyy/8/

Answer 1

。あなたの最初の問題は、乱数はサイトロード時に1回だけ生成されることです。 2つ目のこと：var baseは常に1で、eachコールでは0にリセットされます。なぜあなたの出力は常に同じです。

コードはここにStackOverflowの上に置くのに長いにあるので、フィドルです：https://jsfiddle.net/0ajg01y1/1/