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如何添加背景图片的文字
  • 热门搜索
    眼球充血是怎么回事 惟妙惟肖怎么读 手脚麻木怎么回事 解决的近义词 绿伞洗衣液怎么样 今年流行的发型 上海消防博物馆 小孩不吃饭怎么办 容易的近义词 形态各异的近义词是什么呢