Javascript 一张一张显示图片，间隔

Question

我有下面的图像，我试图以 3 秒的间隔一张一张地显示它们，但我无法让它工作。它继续停留在 0 并且不显示图像，帮助会很好:

<img src="one.png"></img>
<img src="two.png"></img>

JavaScript:

window.animate = function(){
   var timer = '';
   var imgs = document.getElementsByTagName('img');
   for (var i = 0; i < imgs.length; i++) {
       var timer = setInterval(function(){
           alert(i);
            imgs[i].style.display = 'block';
       }, 3000);
       if(i == imgs.length){
           clearInterval(timer);
       }
   }
}

Answer 1

这可能就是您正在寻找的:

window.animate = function(){
    var imgs = document.getElementsByTagName('img');
    var index = 0;
    var timer = setInterval(function() {
        // Hide all imgs
        for (var i = 0; i < imgs.length; i++)
            imgs[i].style.display = 'none';
        // Display next img
        imgs[index].style.display = 'block';
        index++;
        // Stop after all displayed.
        if (index >= imgs.length)
            clearInterval(timer);
    }, 3000);
}