javascript - 如何将延迟合并到 jquery 每个循环中？

Question

考虑以下函数:

$("document").ready(function(){
    var echoText = 'Hello world!';
    echoText = echoText.split('');
    $.each(echoText, function(key, value){
        $("#content").append(value);
    });
});

这只是简单地回应了输入文本。不过，我想做的是在每个回显的字符之间添加一个延迟，这样它看起来就像一个缓慢的人类打字。任何想法如何进行？我尝试使用谷歌搜索，但到目前为止没有任何帮助。

Answer 1

打字机插件

看

http://onehackoranother.com/projects/jquery/jquery-grab-bag/text-effects.html

使用艾克

$("#my-container").typewriter();

可以从Here下载

 $.fn.typewriter = function() {
        this.each(function() {
            var $ele = $(this), str = $ele.text(), progress = 0;
            $ele.text('');
            var timer = setInterval(function() {
                $ele.text(str.substring(0, progress++) + (progress & 1 ? '_' : ''));
                if (progress >= str.length) clearInterval(timer);
            }, 100);
        });
        return this;
    };