效果图

待补充，gif图不知道怎么做...

代码如下

text
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 
$(function(){
            var i = 0;//
            var text ="  好的sad撒多撒大声地sad撒多sad撒多萨达撒撒-阿喜留";
            var textarry = text.split("");
            setInterval(function(){textlist()},100);
            function textlist(){
                b = textarry.length;
                if(i == b){
                    clearTimeout();
                }
                if(textarry[i] == "\n"){
                    $("html").append("<\br/>");
                    
                }else if(textarry[i] == " "){
                    $("html").append("&+nbsp;+");
                }else{
                    $("html").append(textarry[i]);
                }
                i++;
            }
})

博主不容易。大哥留个言把！！