生成随机的绿色阴影

时间:2014-10-24 17:06:45

标签: javascript jquery css colors generator

我想要做一个绿色阴影的发电机,问题是......绿色不能太暗也不太亮。我制作/尝试了波纹管代码,但我无法找到一种方法来避免几乎是黑绿色和几乎是白绿色。



$(document).ready(function () {
    setInterval(function () {
        var a = Math.random() * 254;
        var b = Math.floor(a / 8) * 8;
        $(".greybox").css("background-color", "rgb(0," + b + ",0)");
    }, 500);
});

.greybox {
    height:200px;
    width:200px;
    background:green;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="greybox">this is grey box</div>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:3)

您可以根据需要创建随机范围。

$(document).ready(function () {
    setInterval(function () {
        var max = 150;
        var min = 100;
        var green = Math.floor(Math.random() * (max - min + 1)) + min;
        $(".greybox").css("background-color", "rgb(0," + green + ",0)");
    }, 500);
});

答案 1 :(得分:1)

var a = (Math.random() * 125) + 100;

这会给你随机的颜色,从深绿色开始,然后变为亮绿色。没有黑色。

如果你不想要真正的亮绿色:

var a = (Math.random() * 90) + 100;

根据您的需要改变范围。