onPause
Executes a function when a running timer is paused.
Accepts
A Function
whose first argument returns the timer itself
Default
noop
To change the default value globally, update the engine.defaults
object.
import { engine } from 'animejs';
engine.defaults.onPause = self => console.log(self.id);
onPause code example
import { createTimer, utils } from 'animejs';
const [ $resumeButton, $pauseButton ] = utils.$('.button');
const [ $paused ] = utils.$('.paused');
const [ $time ] = utils.$('.time');
let paused = 0;
const timer = createTimer({
onPause: () => $paused.innerHTML = ++paused,
onUpdate: self => $time.innerHTML = self.currentTime
});
const pauseTimer = () => timer.pause();
const resumeTimer = () => timer.resume();
$resumeButton.addEventListener('click', resumeTimer);
$pauseButton.addEventListener('click', pauseTimer);
<div class="large row">
<div class="col">
<pre class="large log row">
<span class="label">paused</span>
<span class="value paused">0</span>
</pre>
</div>
<div class="col">
<pre class="large log row">
<span class="label">elapsed time</span>
<span class="time value lcd">0</span>
</pre>
</div>
</div>
<div class="medium row">
<fieldset class="controls">
<button class="button">Resume</button>
<button class="button">Pause</button>
</fieldset>
</div>