Cycle through array values
I wanted to create a component that rotated a set of images, looping back to the start.
var Cycle = require('cycle-array'),
cycle = new Cycle(),
image = [ '/img1.png', '/img2.png', '/img3.png' ]
myComponent.on('interval', function (state) {
state.set('image.url', cycle(image)); // sets image.url to a new image on each call
});
Each call to cycle()
will return the next array value, looping back to index 0.
Download node at nodejs.org and install it, if you haven't already.
npm install cycle-array --save
I kind of hate the Cycle/new Cycle() pattern, but it was the quickest way to keep multiple instances from stomping on one another. I'm going to revist this with ES6 syntax for fun later.
MIT