我如何才能适应以下代码，使按钮单击时使数组i递增？

Question

使用以下代码，如何基于onclick递增数组。我目前在计时器上有此控件，但希望它使用onclick选项更改图片/增加数组

   var i=0;
var images = [];
var time = 1000;

images[0] = 'img1.jpg';
images[1] = 'img2.jpg';
images[2] = 'img3.png';

//change image function
function changeIMG()
{
    document.slide.src = images[i];

    if(i < images.length - 1)
    {
        i += 1;
    }
    else
    {
        i = 0;
    }
    setTimeout("changeIMG()", time);
}
window.onload = changeIMG;

Answer 1

首先，让我们添加按钮：

<button id='btn'>Change Image</button>

现在，添加一些JavaScript来处理按钮的onclick事件：

var btn = document.getElementById('btn');
btn.onclick = changeIMG;