TimelineLite文档

TimelineLite 是 GreenSock 公司开发的一个轻量级的时间线库，可以用来创建复杂的动画序列。以下是 TimelineLite 的文档：

### 创建时间线

可以通过以下方式来创建一个新的时间线：

var timeline = new TimelineLite();

### 添加动画

可以通过 `to()`、`from()`、`fromTo()` 和 `set()` 方法来添加动画到时间线中。这些方法和 TweenLite/TweenMax 中的相应方法非常相似。例如：

timeline.to(element, duration, {x: 100, opacity: 0.5});

### 暂停和播放

可以通过 `pause()`、`resume()`、`restart()` 和 `seek()` 方法来控制时间线的播放。例如：

timeline.pause();
timeline.resume();
timeline.restart();
timeline.seek(2); // 将时间线跳转到 2 秒的位置

### 循环播放

可以使用 `repeat()` 方法来循环播放时间线。例如：

timeline.repeat(2); // 时间线将会重复播放两次

### 反向播放

可以使用 `reverse()` 方法来反向播放时间线。例如：

timeline.reverse();

### 回调函数

可以使用 `call()` 方法来在时间线的指定位置执行回调函数。例如：

timeline.call(myFunction, [param1, param2], thisObj, 1);

### 事件

可以通过 `add()` 方法来添加事件，时间线到达某个位置时会触发这些事件。例如：

timeline.add(myFunction, 2);

### 暂停和恢复单个动画

可以使用 `pause()` 和 `resume()` 方法暂停和恢复单个动画。例如：

var tween = timeline.to(element, duration, {x: 100});
tween.pause();
tween.resume();

### 其他方法

还有许多其他的方法可以使用，例如 `kill()`、`invalidate()`、`timeScale()` 等等。完整的文档可以在 GreenSock 的官网上找到。