随机添加5级但不是在开头

时间:2016-11-18 13:01:37

标签: jquery html css3

嗨,我正在开展一个项目,这是一个简单的气球游戏。但我有一些修改,我给出了GraphicsContext

的简单示例
<ul> <li>

这段代码随机添加了这个类,但是在某个时候添加了我不想要的。有什么帮助吗?

2 个答案:

答案 0 :(得分:1)

检查一下。除了您在exclude array中定义的项目外,始终选择唯一的5个项目。

<强>拨弄

https://jsfiddle.net/ergec/0nogjpwL/

<强>段

&#13;
&#13;
var exclude = [0, 1, 2, 10];
var arr = [];
while (arr.length < 5) {
    var randomnumber = Math.floor(Math.random() * 11);
    if (arr.includes(randomnumber) || exclude.includes(randomnumber)) continue;
    arr[arr.length] = randomnumber;
}
$("li").filter(function(index) {
    if (arr.includes(index)) {
        $(this).css({
            "background-color": "red"
        }).addClass("image" + arr.indexOf(index));
    }
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<ul>
    <li>0</li>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
    <li>8</li>
    <li>9</li>
    <li>10</li>
</ul>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

您可以在minmax之间获得一个随机数:

var max = size_baloon; //max in your case id your 'size_baloon'
var min = 8; //Since you want the numbers plus than 8

var randomebloon = Math.floor(Math.random() * max) + min;

所以randomebloon总是在你的最小和最大变量之间。

希望这有帮助。