【随机数去重复的问题？ _数据类型 _函数 _操作DOM 】

随机数去重复的问题？

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(1)

数据类型函数操作DOM

详细描述

截图

代码

var box = $(".box");
var time;


function suiji() {
    var r = Math.floor(Math.random() * 256);
    var g = Math.floor(Math.random() * 256);
    var b = Math.floor(Math.random() * 256);
    return "rgb(" + r + "," + g + "," + b + ")";
}


function org() {
    box[0].style.backgroundColor = "orange";
    box[1].style.backgroundColor = "orange";
    box[2].style.backgroundColor = "orange";
    box[3].style.backgroundColor = "orange";
    box[4].style.backgroundColor = "orange";
    box[5].style.backgroundColor = "orange";
    box[6].style.backgroundColor = "orange";
    box[7].style.backgroundColor = "orange";
    box[8].style.backgroundColor = "orange";
}
// (box1!=box2&&box1!=box3&&box2!=box3)
// (box1!=box2 || box1,box2!=box3 || box2,box1!=box3 || box3)
function df() {
    org();
    var box1 = Math.floor(Math.random() * box.length);
    var box2 = Math.floor(Math.random() * box.length);
    var box3 = Math.floor(Math.random() * box.length);
    if {

        box[box1].style.backgroundColor = suiji();
        box[box2].style.backgroundColor = suiji();
        box[box3].style.backgroundColor = suiji();
    }
    else {
        df()
    }
}

$("#btn1").click(function dfd() {
    clearInterval(time);
    time = setInterval(df, 1000);
});
$("#btn2").click(function () {
    org();
    clearInterval(time);
});

编辑于2024-11-16

时间排序

热门排序

[深圳|结业弟子]JS-钟俊
0
你随机获取盒子的时候的逻辑还是有问题的，再取完盒子后对三个盒子进行比较这里出了问题，
按照你的写法，在box1与box2相同时重取box1，然后box2跟box3相同时重取box2，之后box1跟
box3比较。在这个过程中box1和box2改变后的值未进行比较，所以会有小概率出现重复。
帮你把逻辑稍微修改一下；
```
if(box1 !== box2 && box2 !== box3 && box3 !== box1){
    box[box1].style.backgroundColor = Color();
    box[box2].style.backgroundColor = Color();
    box[box3].style.backgroundColor = Color();
}else{
    getbox();
}
```
查看全部>
编辑于2018-09-21

去第页