delay

Defines the default delay in milliseconds of the animation tweens.

Accepts

A Number equal or greater than 0
A Function based value that returns a Number 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.delay = 500;

delay code example

import { animate } from 'animejs';

const playbackDelay = animate('.delay', {
  x: '16rem',
  scale: 1.8,
  delay: 500, // Global delay applied to all properties
  loop: true,
  alternate: true
});

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

Previous Next

Animation playback settings
duration