JS生成随机数改变图片路径

 时间:2024-10-13 12:52:48

1、首先我们做一些准备工作,将我们需要的图片放在img的文件里,并将它们的名字改为将会生成的随机数字。

JS生成随机数改变图片路径

2、现在我们放一张默认图片,并将它的id改为ima。

JS生成随机数改变图片路径

3、然后定义一个按钮来触发我们的函数,这里我们将函数名设置为switchimg()。

JS生成随机数改变图片路径

4、现在开始写我们的函数,我们首先定位到我们的默认图片。

JS生成随机数改变图片路径

5、定义一个index变量来输出我们的随机数。这里要知道的一点是我们随机数有一个公式:parseInt烫喇霰嘴((上限-下限+1)*random) +1。这里上限是4,下限是1.下图中我忘记写最后的加1了,大家在写的时候加以注意喔。

JS生成随机数改变图片路径

6、然后就可以更改我们的图片路径了,其中生成的随机数index就是我们图片的名字。

JS生成随机数改变图片路径

7、接下来点击运行就可以看到效果啦。

JS生成随机数改变图片路径JS生成随机数改变图片路径
  • html怎么让一张背景图片铺满
  • 如何将项目导入到Myeclipse中?
  • HBuilder设置文件类型关联
  • css如何给指定的a标签定义css样式
  • java如何添加背景图片的文字
  • 热门搜索
    stick是什么意思 武夷岩茶属于什么茶 滚刀是什么意思 胎盘能吃吗有什么作用与功效 无常是什么意思 3月17日是什么星座 胎儿双顶径是什么意思 长鸡眼是什么原因 奥利给什么意思 rp是什么意思