通過字

Question

這個jQuery功能通過信字改變從字母打字機的jQuery效果的工作原理是字母大寫的，但我似乎無法得到它的字去字。

任何想法，這裏的功能是：

//Typewriter Effect 
$.fn.Typewriter = function(opts){ 
    var $this = this, 
     defaults = { animDelay: 50 }, 
     settings = $.extend(defaults, opts); 
    $.each(settings.text, function(i, letter){ 
     setTimeout(function(){ 
      $this.html($this.html() + (letter!='\n'?letter:'<br />')); 
     }, settings.animDelay * i); 
    }); 
} 

謝謝！

Answer 1

請勿使用$.each迭代字符串，並使用.text來設置文本而不是.html。

若要更改單個字符的效果，整個單詞，只是split輸入文本關鍵詞：

$.fn.Typewriter = function(opts){ 
    var $this = this, 
     defaults = { animDelay: 50 }, 
     settings = $.extend(defaults, opts), 
     words = settings.text.split(/(?=\s)/), // split before every whitespace 
     i = 0; 
    function animate() { 
     if (i==words.length) return; 
     $this.text(words.slice(0, i++).join('')); 
     setTimeout(animate, settings.animDelay); 
    } 
    animate(); 
}