1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset='utf-8'>
5 <title>js typing</title>
6 </head>
7 <body>
8 <div id='divTyping'></div>
9 <script>
10 var str = 'js 实现的 打字效果，感觉蛮有趣的。';
11 var i = 0;
12 function typing(){
13 var divTyping = document.getElementById('divTyping');
14 if (i <= str.length) {
15 divTyping.innerHTML = str.slice(0, i++) + '_';
16 setTimeout('typing()', 200);//递归调用
17 }
18 else{
19 divTyping.innerHTML = str;//结束打字,移除 _ 光标
20 }
21 }
22 typing();
23 </script>
24 </body>
25 </html>
代码很容易懂，原来也没有想象的那么难
来源：https://www.cnblogs.com/2YSP/p/9239817.html