循环 V4

定义动画重复的次数。

接受

值	效果
`数字`	循环次数，范围 `[0, Infinity]`
`Infinity`	无限循环
`true`	等同于 `Infinity`
`-1`	等同于 `Infinity`

默认

0

要全局更改默认值，请更新 engine.defaults 对象。

import { engine } from 'animejs';
engine.defaults.loop = true;

循环代码示例

import { animate } from 'animejs';

animate('.loop', {
  x: '17.5rem',
  loop: 3,
});

animate('.loop-alternate', {
  x: '17.5rem',
  loop: 3,
  alternate: true,
});

animate('.loop-reverse', {
  x: '17.5rem',
  loop: 3,
  reversed: true,
});

animate('.loop-infinity', {
  x: '17.5rem',
  loop: true, // Or Infinity
});

<div class="small row">
  <div class="circle loop"></div>
  <div class="padded label">loop: 3</div>
</div>
<div class="small row">
  <div class="circle loop-alternate"></div>
  <div class="padded label">loop: 3, alternate: true</div>
</div>
<div class="small row">
  <div class="circle loop-reverse"></div>
  <div class="padded label">loop: 3, reversed: true</div>
</div>
<div class="small row">
  <div class="circle loop-infinity"></div>
  <div class="padded label">loop: true</div>
</div>