A tiny requestAnimationFrame wrapper to improve usability. - Demo
$ npm install --save stepperjs
for Babel
import Stepper from 'stepperjs';
import linear from 'stepperjs/dist/easings/linear';
const stepper = new Stepper({
duration: 300, // default: 0
easing: linear, // default: linear
loop: true, // default: false
reverse: true // default: false
}).on({
start: () => ... ,
update: (n) => ... ,
paused: () => ... ,
ended: () => ... ,
stopped: () => ...
});
stepper.start();
for Browser
<script type="text/javascript" src="stepperjs.browser-0.1.2.min.js"></script>
var Stepper = stepperjs.Stepper();
var easings = stepperjs.easings;
var stepper = new Stepper({
duration: 300,
easing: easings.linear,
loop: true,
reverse: true
}).on({
start: function () { ... },
update: function (n) { ... },
paused: function () { ... },
ended: function () { ... },
stopped: function () { ... }
});
stepper.start();
- Latest Firefox
- Latest Chrome
- Latest Safari
- IE8 through latest
MIT