範囲に基づいてCSSの色を設定してください

Question

私は0から180までの4秒ごとにサイクリングする乱数を生成しています。

乱数に基づいてdivの背景色を設定する必要があります。

間（1.0、0、255、0）0〜60セット赤、RGBAにCSSカラー（255、0、0、1.0）

の間に61と120の緑、RGBAが好き121、青180、RGBA（0、0、255、1.0）

だから、すべてが...変数に任意のアイデアをヒンジために持っている...

Answer 1

まず第一に、それはあなたを含めることが一般的にお勧めしますあなたの質問にいくつかの文脈を与えるためにあなたのSO質問のコード。言われていること

、次はあなたを助ける必要があります。

var ran // your random number 
if (ran < 60) { 
    $("div selector").css("color", "your color value here"); 
} else if (ran < 120) { 
    $("div selector").css("color", "your color value here"); 
} 

ようになど。

Answer 2

if (number <= 60) { 
    $('#my-div').css('background-color', 'rgba(255, 0, 0, 1.0)'); 
} else if (number <= 120) { 
    $('#my-div').css('background-color', 'rgba(0, 255, 0, 1.0)'); 
} else { 
    $('#my-div').css('background-color', 'rgba(0, 0, 255, 1.0)'); 
} 

...しかし、これは回答ですか？私はあなたの質問をうまく受け入れなかったと思います。

Answer 3

を実行し、このコードとランダムな色

$(window).ready(function() { 
 

 
    $('#background').click(function() { 
 

 
    var number = Math.floor((Math.random() * 180) + 0); 
 
    console.log("random number is: "+ number); 
 
    if (number <= 60) { 
 
     $(this).css('backgroundColor', "rgba(255, 0, 0, 1.0)") 
 

 
    } else if (number <= 120) { 
 
     $(this).css('backgroundColor', 'rgba(0, 255, 0, 1.0)'); 
 
    } else { 
 
     $(this).css('backgroundColor', 'rgba(0, 0, 255, 1.0)'); 
 
    } 
 

 
    }); 
 
})

#background { 
 
    width: 100px; 
 
    height: 100px; 
 
    background-color: rgb(255, 0, 255); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
<div id="background"></div>