使用.animate()jQuery逐个字符添加文本

Question

我在我的网站上使用jQuery和AJAX.我的AJAX响应是代表文章持续性的文本.我已经读过在jQuery的动画中有一个STEP函数,但我不知道如何使用它来逐个字符地附加到DIV元素.请帮我.

提前致谢.:d

Answer 1

试试这个.

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)));
        }
    });
});

在这里演示:http://jsfiddle.net/naveen/evVMw/

PS:根据需要更改持续时间.