jQuery的淡入/淡出，通过阵列循环

Question

目前URL - http://thespacebetweenthewords.org/sandbox/

我通过与一个jQuery淡入/淡出字阵列试图周期 影响。

显示的单词的排列似乎并不在[0]将被启动， 虽然。我可能失去了一些东西的顺序，其中， 功能执行。

如果任何人在社会上想上的代码，因为它发表评论 看台到目前为止，洞察理解。

Answer 1

您正在使用正确的回调函数与.fadeIn()以确保直到它完成时隐时一字不开始淡出，然而，你有没有适用同样的原则通过动词迭代。你的外for循环将所有动词撕通过在任何时间，表现出每个人，然后耐心地等待，直到它的时间来隐藏它们（当，当然，只有最近的动词仍然会受到那么显示）。

您可以尝试是这样的：

function showWord(selector, words, wordTime, i) {
    if (words.length < i)
        return;
    var word = words[i];
    $(selector).html(word).fadeIn(wordTime, function() {
        $(selector).fadeOut(wordTime, function() {
            showWord(selector, words, wordTime, i + 1);
        });
    });
}
showWord("#verb-content", data.verbs, verbTime, 0);