JS实现的自动打字效果示例

2024-05-06 16:35:42

字体：大中小

来源：转载

供稿：网友

本文实例讲述了JS实现的自动打字效果。分享给大家供大家参考，具体如下：

<!DOCTYPE html><html> <head>  <meta charset='utf-8'>  <title>js typing</title> </head> <body>  <div id='divTyping'></div>  <script>   var str = 'js 实现的 打字效果，感觉蛮有趣的。';   var i = 0;   function typing(){    var divTyping = document.getElementById('divTyping');    if (i <= str.length) {     divTyping.innerHTML = str.slice(0, i++) + '_';     setTimeout('typing()', 200);//递归调用    }    else{     divTyping.innerHTML = str;//结束打字,移除 _ 光标    }   }   typing();  </script> </body></html>

运行效果图如下：

希望本文所述对大家Javascript程序设计有所帮助。

注：相关教程知识阅读请移步到JavaScript/Ajax教程频道。

上一篇：常用的js方法合集

下一篇：Vue.js之slot深度复制详解