用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实现自动输出网页文本的全部内容,希望大家喜欢。