【经常性的，只有两个盒子变色。 _事件 _操作DOM 】

经常性的，只有两个盒子变色。

我也踩过这个坑( 2 )

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

回答(2)

事件操作DOM

详细描述

截图

代码

console.log("导入JS文件")

var divarr=document.getElementsByClassName("box");
var int;
function start(){  
    clock();//立即执行 
    clearInterval(int);//防止多次点击开始，闪动加速
    int =setInterval(clock, 3000);//没1000毫秒执行一次
}//开始按钮

function bg(){
    return '#'+Math.floor(Math.random()*0xffffff).toString(16);
}//随机取颜色

function clock(){
    for (var i=0;i<divarr.length;i++){
        divarr[i].style.backgroundColor="orange";
    }//恢复颜色
    var x=Math.floor(Math.random()*9);
    var y=Math.floor(Math.random()*9);
    var z=Math.floor(Math.random()*9);
    console.log(x)
    console.log(y)
    console.log(z)
    if (x!=y&&x!=z&&y!=z){
        divarr[x].style.backgroundColor=bg();
        divarr[y].style.backgroundColor=bg();
        divarr[z].style.backgroundColor=bg();
    }
    else{
        clock();
    }
}

function stop(){
    clearInterval(int);
    for (var i=0;i<divarr.length;i++){
        divarr[i].style.backgroundColor="orange";
    }//恢复颜色
}//停止按钮

编辑于2024-04-28

时间排序

热门排序

[成都|]JS-
0

我也遇到了这个问题，是随机颜色的代码有问题，换一下随机颜色的代码试试

查看全部>

编辑于2018-12-07
[成都|结业弟子]JS-彭力
0

这个不能保证随机出来的颜色互不相等

查看全部>

编辑于2019-05-12

去第页