程序博客网 > 智途科技有限公司知乎

实现文字的打印效果！

来源：互联网发布：智途科技有限公司知乎编辑：程序博客网时间：2024/04/30 14:52

<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Untitled Document</title>

  <style type="text/css">
   .div1{

    font-size:24px;
    color:red;

   }

  </style>

  <script language="JavaScript" type="text/javascript">

   var messages = "换个角度去想问题，或许会收获意想不到的效果！";
   messages = messages.split('');
   var msg = "";
   var i=0;

   function show(){

    if(i<=messages.length)
    {
     if(i==messages.length){

      div1.innerHTML= "<font color='red'>"+msg+"</font>";
     }
     else{

      div1.innerHTML = msg + "<font color='blue'>"+messages[i]+"</font>";

     }
     msg = msg + messages[i];
     i++;

    }
    else{
     i=0;
     msg="";

    }
   setTimeout("show()",200);
   }

  </script>

</head>
<body onload="show()" class="div1">
  <div id="div1"></div>

</body>
</html>

智途科技有限公司知乎

智途科技有限公司知乎

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子中国超帅直男在ktv被口男乒主教练中国男乒男乒中国男乒教练中国男乒历史中国男乒排名中国男乒夺冠两男三男二男弄一女女主都和男二he 女主都和男二女主和男二都很he 拯救男二二男一女快穿之男二拯救系统快穿男二拯救系统一男二女玩法介绍超帅二次元男图片二字古风男一男二女玩法图解女主都和男二he格格党一男二女二男一女双管齐下什么感觉拯救男二君埋泉下女主都和男二hetxt 男人装男人女人男人用的男人的标志男人的歌曲男人裸男人歌曲我要男人男人论坛男人频道男人苦男人和男人男人打女人男人叉