js随机移动色块

以下是一个简单的 JavaScript 代码示例，可以让一个色块在页面中随机移动：

HTML 代码：

<div id="box"></div>

CSS 代码：

#box {
  width: 50px;
  height: 50px;
  background-color: red;
  position: absolute;
}

JavaScript 代码：

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

function move() {
  var x = Math.random() * window.innerWidth;
  var y = Math.random() * window.innerHeight;
  box.style.left = x + "px";
  box.style.top = y + "px";
}

setInterval(move, 1000);  // 每隔1秒钟执行一次move函数

解释：

1. 首先定义一个 `div` 元素，其 `id` 属性为 `box`。

2. 使用 CSS 将这个元素设置为一个红色的正方形，并将其定位为绝对位置。

3. 在 JavaScript 中，我们首先获取这个元素，并将其存储在一个变量中。

4. 然后定义一个名为 `move` 的函数，该函数将在 `box` 元素中随机生成一个新的坐标，并将其设置为元素的位置。

5. 最后，我们使用 `setInterval` 函数来调用 `move` 函数，以便每隔1秒钟都能随机移动一次 `box` 元素。

注意：这只是一个简单的示例，可能不够完善或者需要根据具体情况进行修改。