• 山西新闻网特约摄影师名单&山西视觉志 2019-02-05
  • 广州旅游为何爆发出强大且持续的吸引力 2019-02-05
  • 今天看啥
      热点:

        北京赛车pk10历史记录 www.zwahn.com

        本文实例讲述了JavaScript实现简单的文本逐字打印效果。分享给大家供大家参考,具体如下:

        先来看看运行效果:

        具体代码如下:

        <!DOCTYPE>
        <html>
        <head>
        <title>www.jb51.net js打字效果</title>
        <meta charset="utf-8">
        </head>
        <style type="text/css">
        div {
          width:980px;
          margin:10px auto;
          background:#F3E6EA;
          border:2px outset #f9c6aa;
          color:green;
        }
        </style>
        <script type="text/javascript">
        var i=1;
        function write()
        {
          var id=document.getElementById("main");
          var msg="JS打字机效果 ,原理很简单:每次多获取一个待打出的字符串的值,输出,覆盖原来输出的内容即可JS打字机效果 ,原理很简单:每次多获取一个待打出的字符串的值,输出,覆盖原来输出的内容即可JS打字机效果 ,原理很简单:每次多获取一个待打出的字符串的值,输出,覆盖原来输出的内容即可JS打字机效果 ,原理很简单:每次多获取一个待打出的字符串的值,输出,覆盖原来输出的内容即可JS打字机效果 ,原理很简单:每次多获取一个待打出的字符串的值,输出,覆盖原来输出的内容即可JS打字机效果 ,原理很简单:每次多获取一个待打出的字符串的值,输出,覆盖原来输出的内容即可JS打字机效果 ,原理很简单:每次多获取一个待打出的字符串的值,输出,覆盖原来输出的内容即可JS打字机效果 ,原理很简单:每次多获取一个待打出的字符串的值,输出,覆盖原来输出的内容即可JS打字机效果 ,原理很简单:每次多获取一个待打出的字符串的值,输出,覆盖原来输出的内容即可";
          var len=msg.length;
          var msg1=msg.substring(0,i);
          id.innerHTML=msg1;
          if(i==len){clearInterval(t)}
          else
            i++;
        }
        function time1()
        {
          var t=setInterval(function(){write()},50);
        }
        </script>
        <body onload=time1()>
        <div id="main"></div>
        </body>
        </html>

        北京赛车pk10历史记录 www.zwahn.comtrue//www.zwahn.com/Javascript/1316474.htmlTechArticle这篇文章主要介绍了JavaScript实现简单的文本逐字打印效果,涉及javascript结合时间函数动态操作页面元素相关实现技巧,需要的朋友可以参考下...

        相关文章

          暂无相关文章
        相关搜索:

        帮客评论

        视觉看点
      • 山西新闻网特约摄影师名单&山西视觉志 2019-02-05
      • 广州旅游为何爆发出强大且持续的吸引力 2019-02-05