javascript - 如何调整以下代码以使 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;

标签： javascript

Answer 1

首先，让我们添加按钮：

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

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

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