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>