播放动画到特定时间

时间:2015-06-29 14:41:15

标签: javascript greensock gsap

我正在为动画进度条创建一个后端

for(i=0; i<item.length; i++){
    new_item[item[i].id] = {'quantity': item[i].quantity};
}

这可以按预期工作,但有没有办法从当前播放头动画到特定播放头?像// Default easing. TweenLite.defaultEase = Power0.easeNone; // Timeline. var tl = new TimelineLite({ onUpdate : function() { console.log(progress.progress); } }); // Initial state. var progress = { progress : 0 }; // Finalized state. tl.to(progress, 1, { progress : 100 }); // The length of the animation. tl.totalDuration(15); // Play. tl.play(); 和之后的tl.playTo(0.5)那样会回复到20%。

我知道tl.playTo(0.2)seekprogress方法的可选变量,但它们只允许我指定起始位置,而不是结束位置。

我如何实现这种行为?

1 个答案:

答案 0 :(得分:1)

如果我理解你的问题,这就是我的建议。

您可以为 progress TimelineLite 属性设置动画。类似的东西:

TweenLite.to(tl, 1, {progress: .5, ease: Linear.easeNone});

另外,您是否看到 TimelineMax 中提供的tweenTo()tweenFromTo,我知道您使用的是 TimelineLite 但我仍然想知道你是否了解它们。

这有帮助吗?