如何让每次击键改变图像？

Question

我希望每次按下按键都能更改图像。第一次更改为onyd1.png，第二次更改为onyd2.png，稍后更改为onyd3.png，onyd4.png等。它目前只变为onyd2.png。

我希望每个笔画都前进到下一个图像。

document.onkeyup = function(event) {

                if(event.keyCode === 13) {
                    ony.style.backgroundImage="url(onyd1.png)"
                }
                if(event.keyCode === 13) {
                    ony.style.backgroundImage="url(onyd2.png)"
                }
            }

Answer 1

如果您有最大数量的图像，您可能需要修改如下：

var i = 1, max=5;
document.onkeyup = function(event) {
   if(event.keyCode === 13) {
      ony.style.backgroundImage="url(onyd"+i+".png)";
      i = (i % max)+1;
   }
}

Answer 2

var i = 1;
document.onkeyup = function(event) {
   if(event.keyCode === 13) {
      ony.style.backgroundImage="url(onyd"+i+".png)";
      i++;
   }
}