使用setInterval()在我的图库中更改照片

时间:2014-09-17 01:50:16

标签: javascript gallery setinterval

  1. 我的问题与我想的不同。我真正的问题是画廊中的照片根本没有变化。我不知道我是怎么错过的,但我做到了。有什么想法吗?

    function startAdPage(){
    
               var curCounter = 10;
    
               function startCountdown() {
    
                  document.getElementById("countdown").value = curCounter;
    
                  curCounter--;
    
                  if (curCounter == -1) {
    
                    clearInterval(countdownInterval);
    
                    window.open('CVR2.html', 'width=400, height=600');
    
                  }
               }
    
               setInterval(changeAd, 2000);
    
               var countdownInterval = setInterval(startCountdown, 1000);
    
            }
    
             function changeAd() {
    
               for(var i = 1; i < 4; i++){
    
                  document.images[0].src = "images/cvb" + i + ".gif";
    
               }
    
            }
    

1 个答案:

答案 0 :(得分:0)

看起来每次调用changeAd函数时它都会通过cvb3.gif通过cvb3.gif运行,所以在函数结束时,图像src始终是cvb3.gif。如果我理解您要正确执行的操作,则可以在设置图像src后将i变量从changeAd中拉出并在changeAd中将其递增。这样的事可能吗?

var i = 1;
function changeAd() {
    document.images[0].src = "images/cvb" + i + ".gif";
    i++;
    if (i > 3) {
        i = 1;
    }
}

通常,您希望远离全局变量,并且您肯定可以收紧/概括上述代码,但希望它可以解决这个问题。