使用.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/

P.S：根据需要改变持续时间。