var images = ["https://upload.wikimedia.org/wikipedia/commons/thumb/5/52/Playing_card_heart_5.svg/200px-Playing_card_heart_5.svg.png", "http://www.pandasecurity.com/mediacenter/src/uploads/2014/11/short-link.jpg", ];
function myFunction() {
var x = Math.floor((Math.random() * images.length); $('#afbeelding').attr('src', images[x]);
}
HTML:
<button onclick="myFunction()">Try it</button>
<img id="afbeelding">
答案 0 :(得分:1)
此问题可能有很多原因,但最有可能的原因是您可能没有安装过JQuery。事实上,你甚至不需要JQuery:
var images = ["https://upload.wikimedia.org/wikipedia/commons/thumb/5/52/Playing_card_heart_5.svg/200px-Playing_card_heart_5.svg.png", "http://www.pandasecurity.com/mediacenter/src/uploads/2014/11/short-link.jpg"];
function myFunction() {
var x = Math.floor((Math.random() * images.length));
document.getElementById('afbeelding').src = images[x];
}
注意:未经测试。 此外,您在数组末尾有一个空条目,所以我修复了它。
答案 1 :(得分:0)
看看我用你的代码制作的这个plunker。顺便说一句&#34;)&#34;在images.length之后丢失了 https://plnkr.co/edit/mdyXsf5FoSPHOQGqCoO2?p=preview
var x = Math.floor((Math.random() * images.length)); $('#afbeelding').attr('src', images[x]);
告诉我它是否可以