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>
<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>
<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>

文章版权声明 1、本网站名称：KEKC博客
2、本站网址：https://www.kekc.cn
3、本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长QQ2551654928进行删除处理。
4、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报

THE END