Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 使用.animate()jQuery逐个字符添加文本字符_Html_Jquery Ui_Jquery - Fatal编程技术网

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

Html 使用.animate()jQuery逐个字符添加文本字符,html,jquery-ui,jquery,Html,Jquery Ui,Jquery,我在我的网站上使用jQuery和AJAX。我的AJAX回复是一个文本,表示文章的连续性。我读过jQuery的animate中有一个STEP函数,但我不知道如何使用它将文本字符逐个附加到DIV元素。 请帮帮我 提前谢谢试试这个 var someajaxtext = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum sem sit amet magna convallis sed ullamcorper m

我在我的网站上使用jQuery和AJAX。我的AJAX回复是一个文本,表示文章的连续性。我读过jQuery的animate中有一个STEP函数,但我不知道如何使用它将文本字符逐个附加到DIV元素。 请帮帮我

提前谢谢试试这个

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)));
        }
    });
});
此处演示:

附言:根据您的意愿更改持续时间