在页面中，编写JS函数changeImg()，用Math对象的方法来生成1~5范围内的随机整数，然后根据生成的随机数显示对应的图片。在img标签中添加onclick事件属性，调用changeImg()函数。

好的，我明白了。下面是实现这个功能的代码：

<img id="img" src="image1.jpg" onclick="changeImg()">

<script>
function changeImg() {
  // 生成1~5的随机整数
  var randomNum = Math.floor(Math.random() * 5) + 1;
  
  // 显示对应的图片
  var imgElement = document.getElementById("img");
  imgElement.src = "image" + randomNum + ".jpg";
}
</script>

注意，代码中的图片名称必须按照"image1.jpg"、"image2.jpg"、"image3.jpg"、"image4.jpg"、"image5.jpg"的格式命名，并且放在与HTML文件同级的目录下。这样，当用户点击图片时，就会随机显示五张图片中的一张。

相关问题

在一个表格中动态显示不同的img

要在一个表格中动态显示不同的img，可以使用HTML的img标签结合JavaScript的DOM操作来实现。

首先，在HTML中创建一个表格，并在表格中添加img标签，如下所示：

<table>
  <tr>
    <td><img id="img1" src="img1.jpg"></td>
    <td><img id="img2" src="img2.jpg"></td>
    <td><img id="img3" src="img3.jpg"></td>
  </tr>
</table>

接下来，使用JavaScript获取img标签，并修改它们的src属性即可动态显示不同的img。例如，可以定义一个函数changeImg，每次调用该函数时，随机修改一个img标签的src属性：

function changeImg() {
  var imgs = document.getElementsByTagName("img");
  var randomIndex = Math.floor(Math.random() * imgs.length);
  var randomImg = imgs[randomIndex];
  randomImg.src = "newImg.jpg";
}

在每次调用changeImg函数时，会随机获取一个img标签，并将它的src属性修改为"newImg.jpg"，从而实现在表格中动态显示不同的img。

var i = 0; // 切换图片函数 setInterval(changeimg, 3000); function changeimg() { i++; if (i >= imgsrc.length) { i = 0; } img1.setAttribute("src", imgsrc[i]); addcirclebg(); }解释代码

这段代码实现了定时切换图片的功能。其中：

- `var i = 0;` 声明一个变量 i 并初始化为 0，用于记录当前显示的图片编号。
- `setInterval(changeimg, 3000);` 调用 setInterval 函数，每隔 3000 毫秒（即 3 秒）执行一次 changeimg 函数，实现图片自动切换的效果。
- `function changeimg() { ... }` 定义了 changeimg 函数，用于切换图片和设置圆圈背景色。
- `i++;` 把 i 的值加 1，以便显示下一张图片。
- `if (i >= imgsrc.length) { ... }` 如果 i 大于等于图片数组的长度（即已经显示完最后一张图片），则把 i 重置为 0，从头开始循环显示图片。
- `img1.setAttribute("src", imgsrc[i]);` 把 img1 元素的 src 属性设置为当前图片的路径，以实现图片切换。
- `addcirclebg();` 调用 addcirclebg 函数，用于设置圆圈背景色。