按下按钮时会出现相同的随机图像
Same random image on push with a button
我正试图让这个代码生成随机数量的10个图像,所以每次单击按钮我都会得到随机数量的图像,我只想要这个1个图像,并且按钮不会消失,所以我可以再试一次。
<!DOCTYPE html>
<html>
<body>
<input class="randombutton" type="button" value="Randomize" onclick="randomImg1()"/>
<script type="text/javascript">
function randomImg1() {
myImages1 = "Myimage.jpg";
var rnd = Math.floor( Math.random() * 10 );
document.write(myImages1[rnd]);
}
</script>
</body>
</html>
myImages1是一个字符串,而不是数组。您需要将random()乘以数组中的元素数量。
function randomImg1() {
var myImages1 = ['Myimage.jpg'];
var rnd = Math.floor(Math.random() * myImages1.length );
document.write(myImages1[rnd]);
}
您需要动态更新内容,而不是使用document.write
。此外,myImages1必须是一个数组。
<!DOCTYPE html>
<html>
<body>
<input class="randombutton" type="button" value="Randomize" onclick="randomImg1()"/>
<script type="text/javascript">
function randomImg1() {
myImages1 = new Array();
myImages1[0] = "Myimage.jpg";
myImages1[1] = "Myimage1.jpg";
var rnd = Math.floor( Math.random() * myImages1.length ); //incorporated other solution
document.getElementById("image").innerHTML = "<img src='" + myImages1[rnd] + "' alt='image'></img>";
}
</script>
<div id="image"></div>
</body>
</html>
相关文章:
- 在固定位置显示随机图像
- 阵列中随机图像的问题
- 使用CSS、HTML和Javascript在随机图像的页面上调整图像大小
- Jquery/Javascript:通过按下按钮显示数组中的随机图像
- 需要关于随机图像旋转的指南
- 随机图像旋转的多个实例
- HTML JS在DIV中附加随机图像
- 如何用百分比制作随机图像生成器
- 加载网站时出现随机图像
- 正在创建随机图像闪烁
- 创建随机图像交换并禁止鼠标悬停事件
- 刷新时随机图像
- 随机图像显示,无重复,使用Javascript
- 以不同的速度生成随机图像
- 选择随机图像,检查是否在特定范围内并相应显示
- 随机图像显示不止一次
- 未显示随机图像
- j查询随机图像推子
- 为什么我的随机图像不会显示在浏览器中
- 随机图像加载