利用javascript实现文本的自动输出
2015-07-29 18:11
836 查看
主要利用了setTimeout(),递归和String.substring();
做出的效果就像是有一个打字员在打字.
做出的效果就像是有一个打字员在打字.
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>Document</title> </head> <body bgcolor="#ccc" onload="printer();"> <h2 align="center">文本自动输出</h2> <br> <br> <hr width="400" color="black"> <br> <form align="center"> <textarea cols="50" rows="30" id="text" style="background-color:#FF99CC; color: #330033; cursor: default; font-family: Arial; font-size: 18px" wrap=virtual></textarea> </form> </body> <script type="text/javascript"> //获取textarea对象 var text=document.getElementById("text"); //要输出的内容 var str=" 传统的HTML语言不能开发交互式的动态网页,而JavaScript却能很好的做到这一点。JavaScript是一门相当简单易学的网络化编程语言,通过把她和HTML语言相互结合起来,能够实现实时的动态网页特效,这给网页浏览者在浏览网页的同时也提供了某些乐趣。"; var pos=0; //利用递归和setTimeout()实现文字输出 function printer(){ text.value=str.substring(0,pos)+"|"; //判断是否到达结尾.如果是则一秒后再来一遍. if(pos++>str.length){ pos=0; setTimeout("printer()",1000); }else{ setTimeout("printer()",50); } } </script> </html>
相关文章推荐
- javascript相关
- 我的游戏开发笔记(一):完善并把u3d自带的ThirdPersonController.js改成cs版本
- 小心jstl标签、EL表达式中的空格陷阱
- 文字垂直滚动之javascript代码
- 几个简单的html+css+js题目
- createjs初学-所有的显示对象介绍(2)
- JS实现瀑布流
- FastJson简单使用
- JS设置cookie
- js设置cookie
- javascript理解参数
- 如何用javascript计算文本框还能输入多少个字符
- javascript脚本化文档
- 百度统计JS-API
- js数组的管理[增,删,改,查]
- JavaScript模块化-require.js
- JS中String类型转换Date类型 并 计算时间差
- JS判断是PC浏览器还是手机设备浏览器
- JavaScript常用对象
- JS实现一个简单的计算器