javascript随机图片显示的例子

发布时间:2020-09-17编辑:脚本学堂
本文介绍了javascript随机图片显示的方法,js随机显示图片,有需要的朋友参考下。

如何用js随机显示图片?

在一个文件夹内有n个随机图片,名字都是1.gif ,2.gif ,3.gif之类的。
要求按一个按钮就随机显示一张图片。

思路:
只要用math.random来生成一个随机数字,然后用这个数字来更新img元素的src属性就可以了。

例子,只要点击按钮就会在1-3这三张图片中随机显示一张。
随机切换图片显示:
 

复制代码 代码示例:
<script type="text/javascript">
var n = 3;
function randompic(){
var pic = document.getelementbyid("test");
var num = math.ceil(math.random()*3);
pic.src = "images/"+ num +".gif";
}
</script>
 

使用时只要修改图片的路径和文件名即可。
可以使用此思路做刷新时随机显示的图片。