【js实现九宫格的随机颜色跳转不回去了 _变量 _表达式和运算符 _操作DOM 】

js实现九宫格的随机颜色跳转不回去了

我也踩过这个坑( 3 )

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

回答(1)

变量表达式和运算符操作DOM

详细描述

截图

代码

    function start() {
        for (var i = 0; i < div.length; i++) {//每次随机颜色时遍历将背景设置好
            document.getElementsByTagName('div')[i].style.background = "yellow";
        }
    var arr=new Array(3);
    var arr1=new Array(3);
    for(var i=0;i<arr.length;i++) {
        var a= parseInt(Math.random()*9);
        console.log(a);
        if (i==0) {
            arr[i] = a;
        } else {
            for (var j = 0; j < i; j++) {
                if (a == arr[j]) {
                    i--
                }
                else {
                    arr[i] = a;
                }
            }
        }
    }
for (var i=0;i<arr1.length;i++){
        var a=parseInt(Math.random()*9);
        if(i==0){
            arr1[i]=a;
        }
        else {
            for(var j=0;j<i;j++){
                if (a==arr1[j]){
                    i--
                }
                else {
                    arr1[i]=a;
                }
            }
        }
}
console.log(arr1);
for (var i=0;i<arr.length;i++){
        document.getElementsByTagName('div')[arr[i]].style.background=colors[arr1[i]];
}
    }

编辑于2025-04-09

时间排序

热门排序

[无名弟子]粟帅斌
0

设定一个循环函数只执行一次的那种；放在头部每次循环就只执行一次就好了；里面的写个函数就把所有盒子颜色都重置一遍setTimeout(function(){threeBox[0].style.backgroundColor="#ffb20e";threeBox[1].style.backgroundColor="#ffb20e";threeBox[2].style.backgroundColor="#ffb20e";},950);我myVar=setInterval(function循环(){是1000；查看全部>

编辑于2019-09-29

去第页