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如何添加背景图片的文字
  • 热门搜索
    国庆手抄报简单又漂亮 清明节的手抄报三年级 社会主义价值观手抄报 元宵节手抄报简单好看 端午节手抄报内容30字 抗美援朝手抄报简单又漂亮 国庆手抄报版面设计图 圣诞节的手抄报 小学生四年级手抄报 安全手抄报内容资料