Javascript文字叠加 - 延迟

Question

使用简单的javascript函数在幻灯片放映效果中显示不同的文字，效果很好。

然而，在循环之前和之后存在延迟，即使在修改延迟值时也试图消除，但没有任何成功。这是代码：

<script type="text/javascript">
(function() {

    var quotes = $(".quotes");
    var quoteIndex = -1;

    function showNextQuote() {
        ++quoteIndex;
        quotes.eq(quoteIndex % quotes.length)
            .fadeIn(1000)
            .delay(1000)
            .fadeOut(1000, showNextQuote);
    }

    showNextQuote();

})();
</script>

html就是

  

<p class="quotes">text here</p> etc

任何帮助都会很棒