用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实现自动输出网页文本的全部内容，希望大家喜欢。
热门推荐
10 小红书平安祝福语简短
11 生日祝福语大全女孩简短
12 收生日红包祝福语 简短
13 领证幽默祝福语简短
14 法考面试祝福语简短
15 老哥出门祝福语简短语
16 送灯祝福语简短独特
17 幼儿狗年祝福语大全简短
18 好听的元旦简短祝福语