jquery - jQueryを使用して、設定時間後にテキストの色を変更し、無限に繰り返します

Question

私はこの答えを見つけました：

jQueryを使用して時間をかけてテキストを変更するにはどうすればよいですか?

これは基本的に私が必要とすることを行います。しかし、最後に別のページにリダイレクトする代わりに、テキスト メッセージを無限に循環させ続けたいと考えています。明らかに、リダイレクトを停止するために IF セクションを削除しますが、テキスト メッセージを繰り返し循環させるにはどうすればよいでしょうか?

function nextMsg() {
    if (messages.length == 0) {
        // once there is no more message, do whatever you want
        alert("redirecting");
    } else {
        // change content of message, fade in, wait, fade out and
        // continue with next message
        $('#message').html(messages.pop()).fadeIn(500).delay(1000)
                                          .fadeOut(500, nextMsg);
    }
};

// list of messages to display var messages = [
//   "Hello!",
//   "This is a website!",
//   "You are now going to be redirected.",
//   "Are you ready?",
//   "You're now being redirected..."
// ].reverse();

// initially hide the message $('#message').hide();

// start animation nextMsg();

Answer 1

基本コードに小さな変更を加えるだけです。

function nextMsg(i) {
    if (messages.length == i) {
        i = 0;
    }

    $('#message').html(messages[i])
                 .fadeIn(500)
                 .delay(1000)
                 .fadeOut(500, function() {
                     nextMsg(i + 1);
                 });
};

nextMsg(0);​

デモ: http://jsfiddle.net/8wqv2/

Answer 2

このようなものは機能しますか？