javascript - 如何在html标签内,生成随机数
ringa_lee
ringa_lee 2017-04-11 13:01:48
[JavaScript讨论组]

我想让标签内的内的num是随机数,以便每次都能链接到不同的图片。

ringa_lee
ringa_lee

ringa_lee

全部回复(4)
阿神

用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()
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号