Javascript 动画完成后的TweenMax

当第一个动画将完成后，我想在同一个目标上的另一个动画

var lnk = document.querySelector('#clickme');
var tl = new TimelineMax();

lnk.addEventListener('click', go, false);

function go(){
    tl.to('.glasko', 1, {width: 500, height: 500});
};

之后，我想改变div的背景色

tl.to('.glasko', 2, {backgroundColor: 'red'});

---

这方面的最佳实践是什么？

GSAP

使使用

TimelineMax

变得简单和容易。您只需要使用相同的

TimelineMax

实例在第一个动画之后编写第二个动画，这是最好的方法

var lnk = document.querySelector('#clickme');
var tl = new TimelineMax();

lnk.addEventListener('click', go, false);

function go(){
    tl.to('.glasko', 1, {width: 500, height: 500});
    tl.to('.glasko', 2, {backgroundColor: 'red'});
};