html中写随机数,如何在html标签内,生成随机数

我想让标签内的%E2%80%9Dnum.jpg%E2%80%9D内的num是随机数,以便每次都能链接到不同的图片。

bVLmcA?w=888&h=167

用jquery…..

$(“img”).attr(“src”,”image/work_” + a + “.jpg”);

你这图片显示随机数,你能确保任何数字都能有个图片在服务器上面吗,所以你这个随机数应该是有个范围在,

或者说,定义一个集合,里面放所有图片随机数,

var imageNums = [123,221,32];

function getImageNum(numArray){

var index = Math.获取随机数,范围是数组下标范围内;

return numArray[index];

}

这个必须用js操作,先教你修改图片src属性的方法,再教你生成随机数的方法,剩下就看你自己了

修改src属性

先为这个

<img>

标签加一个id属性

<img id="my-img">

,然后

var myImg = document.querySelector('#my-img')

function setSrc() {

var newSrc = randomNum + '.jpg'

myImg.setAttribute('src', newSrc)

}

每次运行setSrc()这个函数就能重置一次src属性为“*.jpg”,其中randomNum怎么获得看下面

获得随机数

function getRandomNum() {

var min = 1//这里改成你需要的最小值

var max = 100//这里改成你需要的最大值

return Math.floor(Math.random() * (max - min + 1) + min)

}

var randomNum = getRandomNum()

950-390_%E7%94%BB%E6%9D%BF-1.jpg

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值