loopDelay V4 JS

Defines the delay in milliseconds between loops.

Accepts

A Number that is equal to or greater than 0

Default

0

To change the default value globally, update the engine.defaults object.

import { engine } from 'animejs';
engine.defaults.loopDelay = 500;

loopDelay code example

import { animate } from 'animejs';

const loopDelayAnimation = animate('.circle', {
  x: '16rem',
  scale: {
    to: 1.8,
    delay: 500,
    duration: 500,
  },
  loopDelay: 1000,
  loop: true,
  alternate: true,
});

<div class="medium row">
  <div class="circle"></div>
</div>

Previous Next

loop
alternate