JavaScript实现打字效果
JavaScript实现打字电脑打字效果
<span id="demo"></span> <script defer> var text="JavaScript实现的打字效果" //预定文字 var delay=200 //文字出现的时间间隔 var i=0 //初始化变量 i function scrollit(){ //设置 id 为 demo 的对象内的文字为从变量 text 的 0 开始到 i 间的文字加"_" demo.innerText=text.slice(0,i++)+"_" if(i>text.length){ //当 i 大于 text 的文本长度时 i=0 //重设 i 为 0,使文字重新从第一个文字出现 //延时执行scrollit()函数,delay*10是为了让显示完整文字的时间长一点 setTimeout("scrollit()",delay*10) } //否则在delay毫秒后再次执行scrollit()函数 else setTimeout("scrollit()",delay) } scrollit() //调用scrollit()函数 </script>
Script脚本中的defer作用,链接来自CSDN博客,非本人编写,发于此处仅供参考(来自CSDN博客,转载请标明出处:http://blog.csdn.net/tianyawudie/archive/2009/02/18/3904756.aspx)