Question

我正在尝试以随机的间隔随机显示虚拟用户名和个人资料图片。我还希望用户名匹配各自的个人资料图片。

我目前有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标签方面做错了，请原谅我，如果我不是最好的方式，我对此很新。谢谢您的帮助。

Answer 1

你几乎就在那里，你可以改变图像的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

如何在没有onclick事件的情况下使用javascript更改图像？

1 个答案: