Как чередовать строковые символы в div с TweenMax

Как чередовать строковые символы в div с TweenMax в javascript, например:

h
he
hel
hell
hello
2 ответа

TweenMax имеет TextPlugin для того, что делает его очень простым:

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

Это будет tween любой текст в элементе, чтобы "привет". Вы можете даже перевернуть() твинг или искать() в определенное время и т.д. Документы находятся здесь: http://api.greensock.com/js/com/greensock/plugins/TextPlugin.html

Просто убедитесь, что вы загружаете TextPlugin, иначе это не сработает.

Счастливая анимация!


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.

licensed under cc by-sa 3.0 with attribution.