码迷,mamicode.com
首页 > Web开发 > 详细

js实现打字机效果

时间:2016-04-27 22:21:23      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:

var s = ‘Hello World! Hello World! Hello World!‘;
var con = $(‘.container‘);
var index = 0;
var length = s.length;
var tId = null;

function start(){
  con.text(‘‘);
  
  tId=setInterval(function(){
    con.append(s.charAt(index));
    if(index++ === length){
    clearInterval(tId);
    index = 0;
    start()
    }
  },100);
}

start();

 

参考:http://www.cnblogs.com/dolphinX/p/4087817.html

js实现打字机效果

标签:

原文地址:http://www.cnblogs.com/wteng/p/5440364.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!