php逐字输出,JS做出文本逐字打印

这次给大家带来JS做出文本逐字打印，JS做出文本逐字打印的注意事项有哪些，下面就是实战案例，一起来看一下。

本文实例讲述了JavaScript实现简单的文本逐字打印效果。分享给大家供大家参考，具体如下：

先来看看运行效果：

具体代码如下：

js打字效果

p {

width:980px;

margin:10px auto;

background:#F3E6EA;

border:2px outset #f9c6aa;

color:green;

}

var i=1;

function write()

{

var id=document.getElementById("main");

var msg="JS打字机效果 ，原理很简单：每次多获取一个待打出的字符串的值，输出，覆盖原来输出的内容即可JS打字机效果 ，原理很简单：每次多获取一个待打出的字符串的值，输出，覆盖原来输出的内容即可JS打字机效果 ，原理很简单：每次多获取一个待打出的字符串的值，输出，覆盖原来输出的内容即可JS打字机效果 ，原理很简单：每次多获取一个待打出的字符串的值，输出，覆盖原来输出的内容即可JS打字机效果 ，原理很简单：每次多获取一个待打出的字符串的值，输出，覆盖原来输出的内容即可JS打字机效果 ，原理很简单：每次多获取一个待打出的字符串的值，输出，覆盖原来输出的内容即可JS打字机效果 ，原理很简单：每次多获取一个待打出的字符串的值，输出，覆盖原来输出的内容即可JS打字机效果 ，原理很简单：每次多获取一个待打出的字符串的值，输出，覆盖原来输出的内容即可JS打字机效果 ，原理很简单：每次多获取一个待打出的字符串的值，输出，覆盖原来输出的内容即可";

var len=msg.length;

var msg1=msg.substring(0,i);

id.innerHTML=msg1;

if(i==len){clearInterval(t)}

else

i++;

}

function time1()

{

var t=setInterval(function(){write()},50);

}

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：