html自动打字代码

这个是一个自动打字的例子,他能像打字一样,慢慢展示出特定的文字。

图片[1]-html自动打字代码 - KEKC博客-KEKC博客

图片[2]-html自动打字代码 - KEKC博客-KEKC博客

代码:

<html>
 <head>
  <title> 自动打字</title>
 </head>
 <body>
  <div id='divTyping'></div>
  <script>
   var str = '<big>其实我喜欢会撒娇的男生,不会抽烟喝酒乱勾搭的男生,会画画的男生,篮球打的厉害的男生,还有会做饭的男生,可是如果是你的话,什么都不会也可以。<br>青梅竹马不是你,情窦初开不是你,只愿细水长流是你,柴米油盐是你,白首也是你。<br>世界这么大,而我真正想落脚的地方,是你的身旁.爱你么么哒</big>';
   var i = 0;
   function typing(){
    var divTyping = document.getElementById('divTyping');
    if (i <= str.length) {
     divTyping.innerHTML = str.slice(0, i++) + '_';
     setTimeout('typing()', 200);//递归调用
    }
    else{
     divTyping.innerHTML = str;//结束打字,移除 _ 光标
    }
   }
   typing();
  </script>
 </body>
</html>
© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享