.empty() .append() setTimeout

Question

我试图循环几个div，但找不到正确的语法。它只适用于两个div。我尝试了var src = state？‘#div1 1’：#div1 2：‘#div1 3’；我对脚本缺乏经验。有人能告诉我怎样才能把更多的div合并在一起吗？非常感谢你的建议。

(function () {
    var delay = 5000;
    var state = 0;
    (function next() {
        state = 1 - state;
        var src = state ? '#div1' : '#div2' ;
        var $contents = $(src).contents().clone().fadeIn(1999);
        $('#indexscroll').empty().append($contents);
        setTimeout(next, delay);
    })();
})();

Answer 1

保留一个divs列表，在运行时增加state，并在从列表末尾运行时将其重置为0：

var delay = 5000;
var state = 0;
var myDivs = ['#div1', '#div2', '#div3' /* etc. */ ];

(function next() {
  if (state >= myDivs.length)
    state = 0;

  var src = myDivs[state++];

  var $contents = $(src).contents().clone().fadeIn(1999);
  $('#indexscroll').empty().append($contents);
  setTimeout(next, delay);
})();