Javascript Fade Text In＆amp;出 - 不同的时代

Question

我一直在使用此代码淡入淡出文本。我正在使用它作为新闻自动收录机有时候，有些标题会比其他标题更长，并且需要更多时间供用户阅读。有没有办法为每个淡入淡出设置不同的时间？

 <script>
    var counter = 0;

    function changeText()
    {
    var quotes = new Array();

    quotes[0] = "quote1";
    quotes[1] = "quote2";
    quotes[2] = "quote3";
    quotes[3] = "quote4";
    quotes[4] = "quote5";

    if (counter > 4)
        {
        counter = 0;
        }

    document.getElementById("textslide").innerHTML = quotes[counter];

    setTimeout(function(){changeText()},1000);
    counter ++;
    }
    </script>

Answer 1

试试这个（fiddle）：

var counter = 0;

function changeText()
{
    // Use an array of objects so each quote can have it's own display duration
    var quotes = new Array();
    quotes[0] = { text: "quote1", time: 500 };
    quotes[1] = { text: "quote2", time: 500 };
    quotes[2] = { text: "quote3", time: 500 };
    quotes[3] = { text: "quote4", time: 500 };
    quotes[4] = { text: "much longer quote", time: 2000 };

    // get the current quote
    var quote = quotes[counter];

    document.getElementById("textslide").innerHTML = quote.text;

    setTimeout(function(){changeText()}, quote.time);
    counter ++;

    // You probably want to reset your counter here
    if (counter > 4) {
        counter = 0;
    }
}