reset()

Pauses and resets currentTime, progress, reversed, began, completed properties to their default values.

timeline.reset(softReset);

Parameters

Name	Type	Description
softReset=false ^(opt)	`Boolean`	If `true`, only reset the internal values without causing a visual render

Returns

The timeline itself

Can be chained with other timer methods.

reset() code example

import { createTimer, utils } from 'animejs';

const [ $reset ] = utils.$('.button');

const tl = createTimeline({
  loop: true,
  alternate: true
})
.add('.circle',   { x: '15rem' })
.add('.triangle', { x: '15rem' }, 500)
.add('.square',   { x: '15rem' }, 1000);

const resetTimeline = () => {
  tl.reset();
  $time.innerHTML = timer.currentTime;
}

$reset.addEventListener('click', resetTimeline);

<div class="large row">
  <div class="medium pyramid">
    <div class="triangle"></div>
    <div class="square"></div>
    <div class="circle"></div>
  </div>
</div>
<div class="medium row">
  <fieldset class="controls">
    <button class="button">Reset</button>
  </fieldset>
</div>

Previous Next