JavaScript实现简单文本逐字打印效果示例

本文给出了一个例子来说明JavaScript可以逐字打印简单的文本。分享给大家参考，如下：

我们先来看看跑步效果：

具体代码如下：

！DOCTYPEhtmlheadtitlewww.jb51.net js/title metacarset=' utf-8 '/head style type=' text/CSS ' div { width :980 px；margin:10px汽车；背景# F3E6EAborder:2px开头# f9c6aa颜色：绿色；}/style script type=' text/JavaScript ' var I=1；函数write(){ var id=document . getelementbyid(' main ')；Var msg='JS打字机效果，原理很简单：每次多得到一个待打字符串值，输出并覆盖原输出，就可以得到JS打字机效果，原理很简单：每次多得到一个待打字符串值，输出并覆盖原输出，就可以得到JS打字机效果，原理很简单：每次多得到一个待打字符串值，输出，override原输出就可以达到JS打字机效果。原理很简单：每次多获取一个要键入的字符串值，输出，覆盖原来的输出，达到JS打字机效果。原理很简单：每次多获取一个要键入的字符串值，输出并覆盖原来的输出，达到JS打字机效果。原理很简单：每次多获取一个要输入的字符串值，输出，覆盖原来的输出。原理很简单：每次多获取一个要键入的字符串值，输出，覆盖原来的输出得到JS打字机效果。原理很简单：每次多获取一个要输入的字符串值，输出，覆盖原来的输出。var len=msg.lengthvar msg1=msg.substring(0，I)；id.innerHTML=msg1if(I==len){ clearInterval(t)} else I；} function time 1(){ var t=setInterval(function(){ write()}，50)；}/script body on load=time 1()div id=' main '/div/body/html更多对JavaScript相关内容感兴趣的读者，请查看本网站的主题：《JavaScript运动效果与技巧汇总》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》和01010。

希望本文对JavaScript编程有所帮助。