Display a sentence, one character at a time

Question

I want to display a sentence one character at a time, one by one, with jQuery. Is there a plugin that can do this Or how could I get this effect?

Answer 1

You could write a little plugin to do it. Here's something to get you started (far from perfect, just to give you an idea!):

(function($) {
    $.fn.writeText = function(content) {
        var contentArray = content.split(""),
            current = 0,
            elem = this;
        setInterval(function() {
            if(current < contentArray.length) {
                elem.text(elem.text() + contentArray[current++]);
            }
        }, 100);
    };

})(jQuery);

You can call that like this:

$("#element").writeText("This is some text");

Here's a working example.

Answer 2

Have a look at the TickerType plugin: http://www.hungry-media.com/code/jQuery/tickerType/