【九宫格一直点击开始按钮九宫格会停止闪烁，算是一个bug，怎么解决？ _控制流程语句】

九宫格一直点击开始按钮九宫格会停止闪烁，算是一个bug，怎么解决？

我也踩过这个坑( 2 )

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

回答(2)

控制流程语句

详细描述

截图

代码

//从class：box中得到html中的对象
var list = document.getElementsByClassName('box');
//定义一个索引数组
var ArrList = [0,1,2,3,4,5,6,7,8,];
var k = 0;
//从一个给定的数组arr中随机返回num个不重复项
function getArrayItems(arr,num) {
    //新建一个数组，将传入的数组复制过来，用于运算，而不要直接操作传入的数组
    var temp_array = new Array();
    for(var index in arr) {
        temp_array.push(arr[index]);
    }

//取出的数值项，保存在此数组
var return_array = new Array();
for(var i = 0;i<num;i++) {
    //判断数组还有可以取出的元素，以防下标越界
    if(temp_array.length>0) {
        //在数组中产生一个随机索引
        var arrIndex = Math.floor(Math.random()*temp_array.length);
        //将此随机索引的对应的数组元素值复制出来
        return_array[i] = temp_array[arrIndex];
        //然后删掉此索引的数组元素，这时候temp_array变为新的数组
        temp_array.splice(arrIndex,1);
    }else{
        //数组中数据项取完后，退出循环，比如数组本来只有10项，但要求取出20项.
        break;
    }
}
    return return_array;
}

function randomColor() {
    //随机颜色
    return '#'+('00000'+ (Math.random()*0x1000000<<0).toString(16)).substr(-6);
}

function changeColor() //点击开始闪
{
    var num = 3;//需要闪动块的个数
    var temp_array = getArrayItems(ArrList,num);
    for(var i = 0;i<ArrList.length;i++) {
        for(var j = 0;j<num;j++) {
            if(temp_array[j] == i) {
                list[i].style.backgroundColor = randomColor();
                break;
            }else {
                list[i].style.backgroundColor = "orange";
            }
        }
    }
}
var start;//定义延时变量
function start_flash() {
    if(k == 0) {
    //延时函数，开始闪动
    window.clearInterval(start);//先清除延时，防止速度累加
    start = setInterval(changeColor,1000);
    k++;
     }
}
function end_flash() {
    k = 0;
    //停止闪动（使用延时变量清除延时）
    window.clearInterval(start);
    for(var i = 0;i<ArrList.length;i++) {
        list[i].style.backgroundColor = "orange";
    }
}

编辑于2024-05-15

时间排序

热门排序

[北京|结业弟子]JS-李珅颖
1

想要让开始按键点击一次后后续点击不影响的话，需要给点击事件里添加王衡师兄所说的让此按键的disabled为true，使其在点击一次后失效，然后在结束闪的按键里添加相反的false，让开始的按键恢复效果。

如果想要使开始按键点击一次后还能点击，随机颜色立即变化，并且不影响自动变化，可以在你开始闪的点击事件最前面添加如下：

var start;//定义延时变量
function start_flash() {
changeColor；//此处添加你的随机变换事件即可，也就是每次点击让其先进行一次随机颜色变换。
//下面加不加if效果都一样，感觉没必要判断，所以我给你删了。
//延时函数，开始闪动
window.clearInterval(start);//先清除延时，防止速度累加
start = setInterval(changeColor,1000);
}

查看全部>

编辑于2019-07-27
[上海|]JS-
0

你试着点击以后禁button标签
document.getElementsByTagName("button")[0].disabled=true;
或者
document.getElementsByTagName("button")[0].disabled=false;

查看全部>

编辑于2018-12-07

去第页