📂js
🔖js
2018-06-28 17:26阅读: 316评论: 0推荐: 0

js实现打字效果

复制代码
 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>
复制代码

代码很容易懂,原来也没有想象的那么难

本文作者:烟味i

本文链接:https://www.cnblogs.com/2YSP/p/9239817.html

版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。

posted @   烟味i  阅读(316)  评论(0编辑  收藏  举报
点击右上角即可分享
微信分享提示
💬
评论
📌
收藏
💗
关注
👍
推荐
🚀
回顶
收起