From http://www.onextrapixel.com/2012/10/04/10-useful-and-time-saving-javascript-snippets/

Animate Text Jquery.js

$.fn.animateText = function(delay, klass) {
  var text = this.text();  
  var letters = text.split('');     
  return this.each(function(){    
    var $this = $(this);     
    $this.html(text.replace(/./g, '<span class="letter">$&</span>'));     
    $this.find('span.letter').each(function(i, el){  
      setTimeout(function(){ $(el).addClass(klass); }, delay * i); 
    });   
  });   
};

Animate Text Usage

Usage:
Create a class in CSS with some styles and run the plugin on an element that contains some raw text, like a paragraph.


$('p').animateText(15, 'foo');