<!DOCTYPE html>  

<html>  
    <head>  
        <meta charset='utf-8'>  
        <title>js typing</title>  
    </head>  

    <body>  
        <div id='text'></div>  

        <script>var str = 'JavaScript实现打字效果JavaScript实现打字效果JavaScript实现打字效果JavaScript实现打字效果JavaScript实现打字效果JavaScript实现打字效果JavaScript实现打字效果JavaScript实现打字效果JavaScript实现打字效果JavaScript实现打字效果JavaScript实现打字效果JavaScript实现打字效果JavaScript实现打字效果JavaScript实现打字效果JavaScript实现打字效果JavaScript实现打字效果';  
            var i = 0;  

            function typing(){  
                var divTyping = document.getElementById('text');  
                if (i <= str.length) {  
                    divTyping.innerHTML = str.slice(0, i++) + '_';  
                    setTimeout('typing()', 200);//递归调用  
                }  
                else{  
                    divTyping.innerHTML = str;//结束打字,移除 _ 光标  </script>  
    </body>  
</html>