AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

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

51自学网 http://www.wanshiok.com
JS,自动,打字

本文实例讲述了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切换特效与技巧总结》、《Javascript查找算法技巧总结》、《Javascript动画特效与技巧汇总》、《Javascript错误与调试技巧总结》、《Javascript数据结构与算法技巧总结》、《Javascript遍历算法与技巧总结》及《Javascript数学运算用法总结

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


JS,自动,打字  
上一篇:Vue.js之slot深度复制详解  下一篇:jquery实现的table排序功能示例