Question

I am using jQuery and AJAX on my website. My AJAX respond is a text representing the continuance of an article. I’ve read that there’s a STEP function in jQuery’s animate but I don’t know how to use that to append text character by character to a DIV element.
Please Help me.

Thanks in advance. 😀

Answer 1

Try this.

var someajaxtext = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum sem sit amet magna convallis sed ullamcorper mi commodo.';
$('button').click(function () {
    var dv = $('#mydiv');
    dv.text("");
    jQuery({
        count: 0
    }).animate({
        count: someajaxtext.length
    }, {
        duration: 1500,
        step: function () {
            dv.text(someajaxtext.substring(0, Math.round(this.count)));
        }
    });
});

Demo here: http://jsfiddle.net/naveen/evVMw/

P.S: Change the duration as you wish.