打字机效果-so easy

html

<p>
    <span>有了梦想，我们的心有了飞翔；有了飞翔，我们的梦想不再遥远。。。。。。</span>
</p>

js

 $(function(){
        var $text=$("p span").text();
        var i=0;
        var timer=null;
//        $("p span").addClass("block");

        timer=setInterval(function(){

            var str=$text.substr(0,i);

            $("p span").html(str+"_");
            i++;
            if(i>$text.length){
                clearInterval(timer);
                $("p span").html(str+"");
            }
        },500)
    })

 

转载于:https://www.cnblogs.com/yangshangjin/p/7016117.html