如何使页脚背景图像在刷新站点上更改为其他图像的机会极为罕见

Question

类似这样的东西

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript" ></script>
<script type="text/javascript">
 var images = ['OUT01ari.jpg', 'OUT02adobe.jpg', 'OUT03alife.jpg', 'OUT04chinup.jpg', 'OUT05datenightwinecologne.jpg', 'OUT06officechair.jpg', 'OUT07printer.jpg', 'OUT08whitewall.jpg', 'OUT09umbrella.jpg', 'OUT10converse.jpg', 'OUT11wardrobebar.jpg'];
 $('#background').css({'background-image': 'url(images/' + images[Math.floor(Math.random() * images.length)] + ')'});
</script>

，但我需要将其偏向特定图像。就像，第一张图片的机会为90％，另一张图像的机会为10％。尝试查找它，但是我只设法找到使其纯粹随机的代码（2张图像50/50，25/25/25/25用于4张图像等）。正如标题所说，这是页脚的背景。我不知道这是否会改变任何东西，只是确保。

Answer 1

您可以在3行代码中进行操作：

var selected = images[0];  //by default take the first image
if(Math.random()*10>=9){  //if 10% of probability happens
   selected = images[Math.floor(Math.random()*8)+1];  //take the random image from the rest
} 

Answer 2

怎么样：

// return a random number between zero and max, inclusive
// ie if max = 2, number could be 0, 1, or 2
getRandom: function (max) {
    var multiplier = max + 1;
    var ranNum = Math.floor(Math.random() * multiplier);
    return ranNum;
}

，然后：

    var randomNumber = Helpers.getRandom(9);
    if (randomNumber === 9)
        // we'll get in here 10% of the time