<>强效果如下:
, 
<强>代码如下:
& lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt; title>九宫格& lt;/title>
& lt;风格类型=" text/css "比;
div {
宽度:190 px;
身高:190 px;
背景:# FFA600;
浮:左;
保证金:10 px;
border - radius: 10 px;
}
身体{
宽度:700 px;
保证金:0汽车;
}
按钮{
明确:;
宽度:200 px;
高度:50 px;
背景:# FFF;
边界:没有;
border - radius: 10 px;
位置:相对;
左:100 px;
}
按钮:{徘徊
背景:# FFA600;
}
& lt;/style>
& lt;/head>
& lt; body>
& lt; div> & lt;/div>
& lt; div> & lt;/div>
& lt; div> & lt;/div>
& lt; div> & lt;/div>
& lt; div> & lt;/div>
& lt; div> & lt;/div>
& lt; div> & lt;/div>
& lt; div> & lt;/div>
& lt; div> & lt;/div>
& lt;按钮id=" btnone "祝辞开始闪& lt;/button>
& lt;按钮id=" btntwo "祝辞结束闪& lt;/button>
& lt;脚本type=" text/javascript祝辞
var div=document.getElementsByTagName (div);
var颜色=(“红”,“李子”,“蓝”、“绿色”、“青色”,“黑色”,“粉红色”,“灰色”,“棕色”);
btnone.onclick=function(){//点击开始
c=setInterval(函数(){//使用定时器
开始();//调用函数
},1000)//设置时间
}
btntwo.onclick=function(){//停止按钮的
(i=0; i< div.length;我+ +){//循环
div[我].style.background=" # FFA600 ");//遍历清除颜色
}
clearInterval (c);//停止定时器
}
函数开始(){
我(var=0; i< div.length;我+ +){//每次随机颜色时遍历将背景设置好
div[我].style.background=" # FFA600”;
}
var arr=new Array(3);//创建数组容纳随机数
var arr1=new Array (3);
我(var=0; i< arr.length;我+ +){//创建第一组数组
var=方法(math . random () * 9);
console.log(一个);
如果(i==0){//第一个数字直接导入数组
加勒比海盗[我]=一个;
其他}{
(var j=0; j<我;j + +){//第二个与第三个数字进行判断
如果(==arr [j]){//如果重复从新开始
我——
其他}{
加勒比海盗[我]=一个;
}
}
}
}
我(var=0; i< arr1.length;我+ +){//同上。随机颜色
var=方法(math . random () * 9);
如果(i==0) {
arr1[我]=一个;
其他}{
(var j=0; j<我;j + +) {
如果(==arr1 [j]) {
我——
其他}{
arr1[我]=一个;
}
}
}
}
我(var=0; i< arr.length;我+ +){
arr div[[我]].style.background=颜色(arr1[我]];//将随机的颜色给随机的地址
}
}
& lt;/script>
& lt;/body>
& lt;/html>
之前
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!
