本篇文章給大家分享的是有關(guān)使用JavaScript怎么實(shí)現(xiàn)一個(gè)文本逐字打印效果，小編覺得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

站在用戶的角度思考問題，與客戶深入溝通，找到海陽網(wǎng)站設(shè)計(jì)與海陽網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：成都網(wǎng)站制作、做網(wǎng)站、外貿(mào)營銷網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名注冊、雅安服務(wù)器托管、企業(yè)郵箱。業(yè)務(wù)覆蓋海陽地區(qū)。

具體代碼如下：

div {
  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打字機(jī)效果 ，原理很簡單：每次多獲取一個(gè)待打出的字符串的值，輸出，覆蓋原來輸出的內(nèi)容即可JS打字機(jī)效果 ，原理很簡單：每次多獲取一個(gè)待打出的字符串的值，輸出，覆蓋原來輸出的內(nèi)容即可JS打字機(jī)效果 ，原理很簡單：每次多獲取一個(gè)待打出的字符串的值，輸出，覆蓋原來輸出的內(nèi)容即可JS打字機(jī)效果 ，原理很簡單：每次多獲取一個(gè)待打出的字符串的值，輸出，覆蓋原來輸出的內(nèi)容即可JS打字機(jī)效果 ，原理很簡單：每次多獲取一個(gè)待打出的字符串的值，輸出，覆蓋原來輸出的內(nèi)容即可JS打字機(jī)效果 ，原理很簡單：每次多獲取一個(gè)待打出的字符串的值，輸出，覆蓋原來輸出的內(nèi)容即可JS打字機(jī)效果 ，原理很簡單：每次多獲取一個(gè)待打出的字符串的值，輸出，覆蓋原來輸出的內(nèi)容即可JS打字機(jī)效果 ，原理很簡單：每次多獲取一個(gè)待打出的字符串的值，輸出，覆蓋原來輸出的內(nèi)容即可JS打字機(jī)效果 ，原理很簡單：每次多獲取一個(gè)待打出的字符串的值，輸出，覆蓋原來輸出的內(nèi)容即可";
  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);
}