javascript - 使用 javascript 每 3 秒替换一个 div 的内容

Question

我想每隔几秒更换一个 div 的内容(或者交换一个新的 div，如果更好的话)，淡入/淡出。首选 Jquery，或者纯 js 也可以。

基于 Arun 的解决方案，我在下面添加了 Jquery，它运行良好......但是我如何让它重复？

HTML:

<div class="wrapper" style="height:100px">
  <div id="quote1">I am a quote</div>
  <div id="quote2">I am another quote</div>
  <div id="quote3">I am yet another quote</div>
</div>

Javascript:(根据评论中的 Arun)

jQuery(function () {
    var $els = $('div[id^=quote]'),
        i = 0,
        len = $els.length;

    $els.slice(1).hide();
    setInterval(function () {
        $els.eq(i).fadeOut(function () {
            $els.eq(++i % len).fadeIn();
        })
    }, 2500)
})

Answer 1

尝试

jQuery(function () {
    var $els = $('div[id^=quote]'),
        i = 0,
        len = $els.length;

    $els.slice(1).hide();
    setInterval(function () {
        $els.eq(i).fadeOut(function () {
            i = (i + 1) % len
            $els.eq(i).fadeIn();
        })
    }, 2500)
})

演示:Fiddle