用Jquery实现打字效果的代码

2018-07-20 来源：open-open

    <!DOCTYPE html>  
    <html lang="en">  
    <head>  
        <meta charset="UTF-8">  
        <title>Document</title>  
        <style type="text/css">  
            #container{  
                height: 200px;  
                width: 200px;  
                border: 1px solid #ccc;  
            }  
        </style>  
        <script src="D:\jobn\前端笔记\jquery笔记\jquery-1.11.2.js"></script>  
    </head>  
    <body>  
        <div id="container">  
              
        </div>  
      
        <script type="text/javascript">  
            var con  = $("#container");  
            var s = "这是一个用jquery实现的打字效果";  
            var len = s.length;  
            var index = 0;  
            var tid = null;  
      
            function start(){  
                con.text('');  
                tid = setInterval(function(){  
                    con.append(s.charAt(index));  
                    if(index ++ === len){  
                        clearInterval(tid);  
                        index = 0;  
                        start();  
                    }  
                },100);  
            }  
      
            start();  
        </script>  
      
    </body>  
    </html>

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点！
本站所提供的图片等素材，版权归原作者所有，如需使用，请与原作者联系。

上一篇:Android子线程更新UI两种方法

下一篇:Android横屏设置代码

最新资讯

热门推荐