remove()

从所有活动动画、特定实例或特定属性中移除一个或多个目标，并在需要时取消任何引用这些目标的动画或时间轴。

const removed = utils.remove(targets, instance, propertyName);

参数

名称	接受
目标	目标
实例 ^(可选)	动画 \| 时间轴
属性名 ^(可选)	可动画属性名称 `String`

一个被移除的目标元素的Array

remove() 代码示例

import { animate, utils } from 'animejs';

let updates = 0;

const [ $removeFirstButton ] = utils.$('.remove-1');
const [ $removeSecondButton ] = utils.$('.remove-2');
const [ $updates ] = utils.$('.value');

const animation = animate('.square', {
  x: '17rem',
  rotate: 360,
  alternate: true,
  loop: true,
  onUpdate: () => {
    $updates.textContent = updates++;
  }
});

$removeFirstButton.onclick = () => {
  utils.remove('.row:nth-child(1) .square');
}

$removeSecondButton.onclick = () => {
  utils.remove('.row:nth-child(2) .square', animation, 'x');
}

<div class="medium row">
  <div class="square"></div>
</div>
<div class="medium row">
  <div class="square"></div>
</div>
<pre class="large log row">
  <span class="label">updates</span>
  <span class="value">--</span>
</pre>
<div class="medium row">
  <fieldset class="controls">
    <button class="button remove-1">Remove all first</button>
    <button class="button remove-2">Remove x second</button>
  </fieldset>
</div>

#utilities-remove .large.log.row {
  margin-top: .75rem;
}

Anime.js | JavaScript 动画引擎

remove()

参数

返回

remove() 代码示例