嵌套时间线在稍后单独操作时会加速

Question

我试图在时间轴中创建时间轴，我可以在之后操作每个子时间轴。

这是我现在的结果：

1. [Codepen] 最初子时间线已暂停，但随后.play()函数将传递到父时间轴.add()函数
2. [Codepen] 最初子时间轴未暂停，整个实例将传递到parrent时间轴.add()函数

正如您所看到的，当我按下按钮single restart时，它会猛然移动动画并显示结果，因此如果想要调用.play()函数，它将仅显示结果，留下动画的其余部分未显示。

是否有任何关于如何实现这一点或任何具有最佳实践的教程的参考？