这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要介绍了 JS 实现的自动打字效果, 涉及 javascript 递归算法、字符串操作及事件函数相关使用技巧, 需要的朋友可以参考下
本文实例讲述了 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 程序设计有所帮助。
来源: http://www.phperz.com/article/17/0704/326789.html