打字机效果-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)
    })

 

posted @ 2017-06-15 10:23  杨上进  阅读(110)  评论(0编辑  收藏  举报