当前位置:Gxlcms > JavaScript > javascript实现自动输出文本(打字特效)_javascript技巧

javascript实现自动输出文本(打字特效)_javascript技巧

时间:2021-07-01 10:21:17 帮助过:3人阅读

主要利用了setTimeout(),递归和String.substring();

做出的效果就像是有一个打字员在打字.

输出



输出的内容 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); } }

方法二:JavaScript实现打字电脑打字效果

方法三:

人气教程排行