javascript - .empty() .append() 设置超时

Question

我试图遍历更多的 div，但找不到正确的语法。它仅适用于两个 div。我试过 var src = state ? '#div1' : #div2 : '#div3' ;我对剧本没有经验。有人可以告诉我合并更多 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

保留一个 div 列表，随着你的移动递增 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);
})();