调用函数
函数通过 call() 方法添加到时间轴上。
timeline.call(callback, position);参数
| 名称 | 接受 |
|---|---|
| callback | Function |
| position (opt) | Time position |
返回
时间线本身
可以与其他时间线方法链式调用。
调用函数的代码示例
import { createTimeline, utils } from 'animejs';
const [ $functionA ] = utils.$('.function-A');
const [ $functionB ] = utils.$('.function-B');
const [ $functionC ] = utils.$('.function-C');
const tl = createTimeline()
.call(() => $functionA.innerHTML = 'A', 0)
.call(() => $functionB.innerHTML = 'B', 800)
.call(() => $functionC.innerHTML = 'C', 1200);<div class="large centered row">
<div class="col">
<pre class="large log row">
<span class="label">function A</span>
<span class="function-A value lcd">--</span>
</pre>
</div>
<div class="col">
<pre class="large log row">
<span class="label">function B</span>
<span class="function-B value lcd">--</span>
</pre>
</div>
<div class="col">
<pre class="large log row">
<span class="label">function C</span>
<span class="function-C value lcd">--</span>
</pre>
</div>
</div>