reset()

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

timer.reset(softReset);

Parameters

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

Returns

The timer itself

Can be chained with other timer methods.

reset() code example

import { createTimer, utils } from 'animejs';

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

const timer = createTimer({
  onUpdate: self => $time.innerHTML = self.currentTime,
});

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

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

<div class="large centered row">
  <div class="half col">
    <pre class="large log row">
      <span class="label">current time</span>
      <span class="time value lcd">0</span>
    </pre>
  </div>
</div>
<div class="medium row">
  <fieldset class="controls">
    <button class="button">Reset</button>
  </fieldset>
</div>

Previous Next