我正在尝试获取一个虚拟的用户名和个人资料图片,以随机的间隔随机显示。我还希望用户名与他们各自的个人资料图片匹配。
我目前有可以正确显示用户名的html文件 <p id="usr"></p>
<img id="changeimage" src="" alt="Profile picture">
和这样的javascript
var players = ['player1', 'player2', 'player3']
var playerpics = ['player1.jpg', 'player2.jpg', 'player3.jpg'];
var activeuser;
var playerpicker = function (activeuser) {
usr.innerHTML = players[activeuser];
changeimage.innerHTML = "<img src='" + playerpics[activeuser] + "' />";
};
setInterval(function () {
var oneintwelve = Math.floor(Math.random() * 12);
if (oneintwelve === 3) {
activeuser = Math.floor(Math.random() * 3);
playerpicker(activeuser);
};
}, 1000);
我知道我在实施新的IMG标签时做错了,如果我没有以最好的方式做这件事,请原谅我,对此我还是很陌生。谢谢您的帮助。
您快到了,可以更改图像的src属性。另外,您没有正确选择元素。
var playerpicker = function (activeuser) {
document.getElementById("usr").innerHTML = players[activeuser];
document.getElementById("changeimage").src= playerpics[activeuser];
};
选中此链接,它将帮助您学习http://www.w3schools.com/jsref/dom_obj_select.asp
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句