用javascript实现自动输出网页文本
用javascript实现自动输出网页文本,用了setTimeout(),递归和String.substring();两个函数实现此功能,下面把实现代码分享给大家。
做出的效果就像是有一个打字员在打字.
<!doctypehtml> <htmllang="en"> <head> <metacharset="UTF-8"> <metaname="Generator"content="EditPlus®"> <metaname="Author"content=""> <metaname="Keywords"content=""> <metaname="Description"content=""> <title>Document</title> </head> <bodybgcolor="#ccc"onload="printer();"> <h2align="center">文本自动输出</h2> <br> <br> <hrwidth="400"color="black"> <br> <formalign="center"> <textareacols="50"rows="30"id="text"style="background-color:#FF99CC;color:#330033;cursor:default;font-family:Arial;font-size:18px"wrap=virtual></textarea> </form> </body> <scripttype="text/javascript"> //获取textarea对象 vartext=document.getElementById("text"); //要输出的内容 varstr="传统的HTML语言不能开发交互式的动态网页,而JavaScript却能很好的做到这一点。JavaScript是一门相当简单易学的网络化编程语言,通过把她和HTML语言相互结合起来,能够实现实时的动态网页特效,这给网页浏览者在浏览网页的同时也提供了某些乐趣。"; varpos=0; //利用递归和setTimeout()实现文字输出 functionprinter(){ text.value=str.substring(0,pos)+"|"; //判断是否到达结尾.如果是则一秒后再来一遍. if(pos++>str.length){ pos=0; setTimeout("printer()",1000); }else{ setTimeout("printer()",50); } } </script> </html>
以上代码就是本文对用javascript实现自动输出网页文本的全部内容,希望大家喜欢。