【如何随机取得小格子中的3个格子 _js基础】

如何随机取得小格子中的3个格子

我也踩过这个坑( 1 )

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

回答(1)

js基础

详细描述

截图

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" name ="viewport" content ="width=device-width,initial-scale=1.0">
    <title>九宫格</title>
    <link href="task1.css" rel="stylesheet" type="text/css"/>
</head>
<body>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <button id="start" onclick="start()">开始闪</button>
    <button id="end" onclick="end()">结束闪</button>
    <script src="task1.js"></script>
</body>
</html>

编辑于2024-11-23

时间排序

热门排序

[北京|结业弟子]JS-郭晨阳

首先获取小格子的dom 使用var定义一个box的变量然后用 docyment.getElementsByClassname 调用box类名

var box = document.getElementsByClassName("box");

box后面的[]是指定数组，0是第一个依次类推

box[i].style.backgroundColor = color();

所以定义变量i取随机数

var i = Math.floor(Math.random()*9);

floor() 方法返回小于等于x的最大整数。

为了在变颜色时保持其他颜色不变加入for循环。

length：返回数组的数目

for (var b=0;b<box.length;b++){
box[b].style.backgroundColor = "#ff8c00";
}

是三个格子，所以再取两个变量实现随机三个格子取颜色。

随机取颜色同理

function color() { //随机生成RGB颜色
   var rgb;
    var r = Math.floor(Math.random()*256); //随机生成256以内r值
   var g = Math.floor(Math.random()*256); //随机生成256以内g值
   var b = Math.floor(Math.random()*256); //随机生成256以内b值
   rgb = 'rgb('+r+','+g+','+b+')';
   return rgb;
}

查看全部>

编辑于2018-08-23

去第页