Ticker


Download

$3

``
npm install --save @statetree/ticker
`

docs

What?

* Executes Functions later in animation frame / event cycle callback
* call later: wrapper to request animation frame callback or event cycle, perks: adding priorty order

Why?

* Cost effective Function can be broken into smaller functions and executed later
* Loops can be broken down to smaller loops with out holding execution resources.

How?

$3

`
import Ticker from '@statetree/ticker';

// function to execute later
function callMeLater() {
return "called later";
}

// excutes right after call me later function (optional)
function callback(result) {
// consumer of this library can decide what they want to do
}

// create the ticker object
var ticker1 = new Ticker(callMeLater);

// add to execute later in animation frame callback or Event cycle callback
ticker1.executeInCycle().onDone(callback);
or
ticker1..onDone(callback);
ticker1.executeInCycle()

`

$3

`
import Ticker from '@statetree/ticker';

const array = [];
for(let i= 0 ; i < 100; i++){
array[i] = i;
};

function forLoopCode (index, result = 0){
const sum = result + array[index];
return sum;
}
let loopTicker = new Ticker( forLoopCode);
loopTicker.executeAsSmallLoopsInCycle(10, 100)
.onProgress(function (executedIndex, result){
//
})
.onDone(function (result){
//
})
.onError(function (error){
console.log(error);
})

`


$3

`
import Ticker from '@statetree/ticker';

ticker.dispose();
``