分享一个打字效果的插件 基于zepto

引入顺序：

function()

 

$.fn.consFont = function (speed,split,startTime){
      if(!startTime) startTime = 0;
      var count = 0;
      var timer;
      var _this = $(this);
      var arr = _this.html().split('');
      var length = arr.length;
      _this.html('');
      console.log(arr);

      var timerAll = setInterval(function(){
        if(count===length){
          clearInterval(timer);
          clearInterval(timerAll);
        }else{
          timer = setInterval(function(){
            if(arr[count]===split){
              _this.append("<br/>");
            }else{
              _this.append(arr[count]);
              count++;
            }
          },speed);
        }
      },startTime);
    }

 

最后一步调用

//直接调用
$('section')..consFont(100, '。', 5000);