如何補間串字符在一個div TweenMax

Question

如何像JavaScript補間與TweenMax一個div字符串中的字符：

h 
he 
hel 
hell 
hello 

Answer 1

TweenMax有一個TextPlugin這使得它可以很簡單：

TweenMax.to(element, 2, {text:"hello"}); 

那將補間的任何文本是在元素「你好」。您甚至可以將tween（）或tween（）查找（）到特定時間等。Docs位於：http://api.greensock.com/js/com/greensock/plugins/TextPlugin.html

只要確保您加載TextPlugin，否則它將無法工作。

快樂補間！

Answer 2

function TweenDivText(element, str) { 
    var string = { counter: 0, val: str }; 
    TweenMax.to(string, string.val.length * 0.05, { 
      counter: string.val.length, onUpdate: function() { 
       element.text(string.val.substring(0, Math.ceil(string.counter))); 
      }, 
      ease: Linear.easeNone 
     }); 
} 

元素是一個jQuery元素
你可以改變寫作時間通過改變0.05。