如何让每个按键更改图像？

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++; 
    } 
}