使用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)
})

演示:小提琴