用javascript写一段程序实现图片自动随机却换
时间: 2024-03-11 14:43:27 浏览: 97
JavaScript实现自动变换表格边框颜色
好的,以下是一个简单的实现方案:
```javascript
// 图片文件名数组
var images = ["image1.jpg", "image2.jpg", "image3.jpg"];
// 获取显示图片的img标签
var img = document.getElementById("myImage");
// 定义函数用于随机切换图片
function changeImage() {
// 随机生成一个图片序号
var index = Math.floor(Math.random() * images.length);
// 更新img标签的src属性,显示对应的图片
img.src = images[index];
}
// 每隔5秒钟切换一次图片
setInterval(changeImage, 5000);
```
这个程序首先定义了一个图片文件名数组和一个img标签对象。然后定义了一个函数`changeImage()`,用于随机切换图片。在函数内部,先使用`Math.random()`函数生成一个0到1之间的随机小数,再乘以图片数量取整,得到一个随机的图片序号。然后将img标签的src属性设置为对应的图片文件名,从而切换到对应的图片。最后使用`setInterval()`函数每隔5秒钟调用一次`changeImage()`函数,实现自动切换。
阅读全文