javascript - setTimeout 不调用函数 javascript

Question

我有一个图像列表，我想将其作为幻灯片进行迭代。我设置了一个基本函数来显示图像，然后使用 setTimeout 调用该函数并移至下一个图像。

该函数仅被调用一次并仅显示一张图像。我检查了 setTimeout 的语法，确信它是正确的。我的代码中其他地方是否存在导致此问题的错误？

<img id='screenImg' src='' height='300' width='450'/>

function slideshow() {

var screenImg = document.getElementById('screenImg');
var gradImg = ['images/grad1.jpg', 'images/grad2.jpg', 'images/grad3.jpg',   'images/grad4.jpg', 'images/grad5.jpg', 'images/grad6.jpg',];
var gradAmt = gradImg.length-1;
var i = 0;

if( i > gradAmt ) {
  i = 0;
}
screenImg.src = gradImg[i];
i++;
var timer = setTimeout(slideshow, 1000);
}
slideshow();        

Answer 1

每次调用 slideshow 时，您都将 i 重置为 0。

移动var i = 0;，使其位于函数之外。

<小时/>

由于它不再是函数的本地函数，请考虑给它一个更明确的名称，例如 slideshow_index