个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
27
4
我正在尝试制作一个 HTML 文件，该文件将打开 6 张图片中的随机图片。我已经创建的文件只会打开我指定的图片。有没有办法让它随机打开。
<!DOCTYPE html>
<body>
<img src="IMG_1643.jpg" width="100%"/>
<script type="text/javascript">
setInterval("window.close()", 10000);
</script>
</body>
我拥有的 6 张图片的名称是:
^04CA0231DA52E6C51B485BD9D7B46A52692ECC1CCB4F6E30A4^pimgpsh_fullsize_distr.jpg
^EE8BDA9E7F039326CF7340D2B4849A4ECA9E466F65BF7C4EE3^pimgpsh_fullsize_distr.jpg
IMG_1643.jpg
YTpic1 .png
YTpic2.jpg
YTpic2.gif
最佳答案
这就是您所需要的:JSfiddle - change img on reload .
在此示例中，我使用来自互联网的图像，但您应该做的是更改数组上的元素名称，一切都会正常工作。示例:将此“http://images4.fanpop.com/image/photos/22200000/-ZORO-one-piece-22288454-414-479.jpg”更改为此“YTpic2.gif”。
这是 HTML 代码:
<img src="d" id="myImg"/>
这是 JavaScript 代码:
var images = [ "http://images4.fanpop.com/image/photos/22200000/-ZORO-one-piece-22288454-414-479.jpg", "http://3.bp.blogspot.com/-VOiVpheXW_g/UmkqgPZFMZI/AAAAAAAAASU/0BF1y4ox4Bw/s1600/nico_robin_2y_by_deiviscc-d3jdk02.png", "http://www.renders-graphiques.fr/image/upload/normal/Zoro_calendrier_2013_by_Kakarot.png", "http://img2.wikia.nocookie.net/__cb20120302234410/onepiece/es/images/archive/9/90/20130106193654!Timeskip_Zoro.png", "http://st-listas.20minutos.es/images/2013-07/364756/4091397_640px.jpg?1373467101", "http://i615.photobucket.com/albums/tt232/Celtanor/Manga%20and%20Anime%20Renders/One%20Piece/RoronoaZoro17B.png"
];
(function () {
document.getElementById("myImg").src = images[Math.ceil(Math.random() * images.length)-1];
})()
关于javascript - 如何在 HTML/Java 脚本中获取随机数并让每个随机数发生不同的情况，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29404531/
27
4
0
我是一名优秀的程序员,十分优秀！