html自动打字代码

直接修改代码内文字即可实现自动打字,换行代码<br>

在线演示

<a target="_blank" href="https://www.milubk.com/tag/%e8%87%aa%e5%8a%a8%e6%89%93%e5%ad%97" title="View all posts in 自动打字">自动打字</a>

HTML代码

<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
喜欢就支持一下吧
点赞205 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容