Javascript 如何理解连续性游戏

我想用工作-游戏的方法来保持连续性。 但我不能只工作一次

如果我使用重启方法，我可以继续操作。 然而，这并不酷

我拍了gif动画。 请点击下面的链接

let flag=true；
document.body.addEventListener（“单击”，函数）（）{
国际单项体育联合会（旗）{
startGrap.play（）；
flag=false；
}否则{
endGrap.play（）；
flag=true；
}
});
常量startGrap=gsap
.timeline（）
.addLabel（“开始”）
.至（属性，0.5{
方向：-8.0，
轻松：“power2.out”，
})
.至（财产，0.7{
方向：0.0，
轻松：“后退。退出（3.0）”，
})
.到(
财产,，
0.8,
{
偏移量Z:0.0，
轻松：“power3.inOut”，
},
“开始”
)
.暂停（）；
常数endGrap=gsap
.timeline（）
.addLabel（“开始”）
.至（属性，0.4{
方向：-8.0，
轻松：“power2.out”，
})
.至（属性，0.4{
方向：0.0，
轻松：“后退。退出（4）”，
})
.到(
财产,，
0.8,
{
偏移量Z:-500.0，
轻松：“power3.inOut”，
},
“开始”
)
.暂停（）；

也许我已经决定怎么走了。 我每次都以TimeLineite为例

但我不认为这样更好

document.body.addEventListener（“单击”，函数）（）{
国际单项体育联合会（旗）{
新TimeLineite（）
.addLabel（“开始”）
.至（属性，0.5{
方向：-8.0，
轻松：“power2.out”，
})
.至（财产，0.7{
方向：0.0，
轻松：“后退。退出（3.0）”，
})
.到(
财产,，
0.8,
{
偏移量Z:0.0，
轻松：“power3.inOut”，
},
“开始”
);
}否则{
新TimeLineite（）
.addLabel（“开始”）
.至（属性，0.4{
方向：-8.0，
轻松：“power2.out”，
})
.至（属性，0.4{
方向：0.0，
轻松：“后退。退出（4）”，
})
.到(
财产,，
0.8,
{
偏移量Z:-500.0，
轻松：“power3.inOut”，
},
“开始”
);
}
flag=！flag；
});

您的问题可能会被关闭，因为您没有包含足够的代码来重新创建问题。话虽如此，在这种情况下，您应该事先创建动画，并使用控制方法控制事件侦听器内部的动画。我们GreenSock也强烈推荐您。各方面都好！