如何使用TweenMax补间div上的字符串字符

Question

如何在javascript中使用TweenMax补间div上的字符串字符，如：

h
he
hel
hell
hello

Answer 1

TweenMax有一个TextPlugin，它非常简单：

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

将元素中的任何文本添加到＆＃34; hello＆＃34;。您甚至可以将补间（）或补间（）转发到特定时间等。文档位于：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来改变写作时间。