javascriptのsplitで1文字ずつ分割してアニメーションさせる

“abcde”.split(‘’);の結果

こんな感じの何かが出来るのではないかと。

文字がランダムで降ってくるとか出来そうですね。
※ つくれぽお待ちしております←

split.js

(function(){

    var text = 'Now Loading...';
        arrReceive = [];

    arrReceive = text.split('');

    console.dir(arrReceive);

    var arrLength = arrReceive.length;

    for(var i=0; i<arrLength; i++) {
        arrReceive[i] = '<span class="str-animate">'+ arrReceive[i] +'</span>';
    }


    var htmlText = arrReceive.join("");

    // アニメーション処理
    $('body').append(htmlText);


    var loop = function() {
        $('.str-animate').each(function(_idx) {
            var that = $(this);

            setTimeout(function() {
                that
                    .css({
                        position: "relative"
                    })
                    .animate({
                        top: -30
                    }, 300, function() {
                        that.animate({
                            top: 0
                        }, 300);
                    });
            }, 60*_idx);
        });
    };


    setInterval(loop, 2000);

})();

// ----------------- 参考URL
・ Myth Busting: CSS Animations vs. JavaScript
http://css-tricks.com/myth-busting-css-animations-vs-javascript/
・ CodePen Source
http://codepen.io/GreenSock/pen/AwCKp