JS / JQuery隐藏元素，更改文本，显示元素

Question

我正在努力实现以下体验：

• 向下滑动文字以隐藏
• 将文本更改为存储在数组中的值（不要更改文本，直到文本从视图中完全隐藏）
• 向上滑动文字以显示

在元素完全隐藏之前，文本正在发生变化。这是在页面加载时运行的函数...

var welcomeText = function() {
var welcome = ["Bienvenue.", "Willkommen.", "Benvenuto.", "Bienvenido.", "Welkom", "欢迎", "Fáilte.", "Nau mai", "Welcome."],
    title = $(".home-title"),
    counter = 0;

setInterval(function() {
    title.animate({"bottom":"-100%"},200);
    title.text(welcome[counter]);
    counter++;
    title.animate({"bottom":""},200);
    if(counter >= welcome.length) {
        counter = 0;
    }
}, 3000);
}