js实现动态打字效果

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>WriteFont</title>
  </head>
  <body>
    <div id="divTyping"></div>

    <script type="text/javascript">
      var str = "<big>我现在根本不想上什么晚课,<br><br>只想早点为祖国庆生!";
      var i = 0;
      function typing() {
        var divTyping = document.getElementById("divTyping");
        if (i <= str.length) {
          divTyping.innerHTML = str.slice(0, i++) + "_";
          setTimeout("typing()", 300); //每2s调用一次typing()
        } else {
          divTyping.innerHTML = str; //结束打字,移除_光标
        }
      }
      typing();
    </script>
  </body>
</html>

 

  • QQ群:253510359
  • 建议:VPS商家层出不穷,根据需要购买,切莫剁剁剁!
  • 评测:很多VPS虽已评测,但网络环境改变稳定性,速度也会随之改变.评测只能作为一般性参考.不负任何法律,道义责任.
  • 申明:所有vps,域名,服务器优惠信息均来自网络公开内容,由于水平有限不免有谬误.请以官方为准.