需要延长褪色时间答案

【问题标题】：Need To Make Fade Time Longer需要延长褪色时间
【发布时间】：2020-10-24 18:06:13
【问题描述】：

HTML 和 Javascript 编码的新手。寻求一点帮助。我有这段代码，但是当文本行更改为滚动文本时，它不会让整行滚动，然后再淡入第一行。

滚动的文本行会定期变化，所以它需要在滚动完成后能够拾取。

这可能吗？请并感谢您的所有帮助！

HTML 代码

<h2 class="quotes">Now Playing on Radio Wolf</h2>
<h2 class="quotes"><marquee width="60%" direction="left" height="100px">5 Seconds of Summer - Permanent Vacation</marquee></h2>

JS 代码

(function() {

    var quotes = $(".quotes");
    var quoteIndex = -1;
    
    function showNextQuote() {
        ++quoteIndex;
        quotes.eq(quoteIndex % quotes.length)
            .fadeIn(2000)
            .delay(2000)
            .fadeOut(2000, showNextQuote);
    }
    
    showNextQuote();
    
})();

CSS 代码

.quotes {display: none;}

【问题讨论】：

标签： javascript html css mpnowplayinginfocenter

【解决方案1】：

听起来fadeOut 计时器设置得太低了。

尝试将其设置为：

.fadeOut(5000)

让数据有更多时间加载并能够在它淡出之前选择它。

【讨论】：

Hiya Terry，感谢您的回答，我只想说，通过该修订，我面临的问题是主标题太长，如果标题长于 5000 将允许因为，它仍然会切断它。
好吧，记住 5000 等于 5 秒，所以如果您需要更多时间，请将其提高。
是否可以让第一行保持4000，第二行保持8000？
var 设置为“quotes”，因此它将两行作为一行读取，因此您无法将淡出时间分开。如果您使用 id 而不是行的类将引号分成不同的行，例如 id = "quoteTitle" 和 id "quoteBody" 并将它们放在不同的变量中，那么您可以分别淡化它们。