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>