react-virtualized
Version:
React components for efficiently rendering large, scrollable lists and tabular data
32 lines (31 loc) • 1.07 kB
JavaScript
import { caf, raf } from './animationFrame';
/*:: export type AnimationTimeoutId = {
id: number,
};*/
export var cancelAnimationTimeout = function cancelAnimationTimeout(frame /*: AnimationTimeoutId*/) {
return caf(frame.id);
};
/**
* Recursively calls requestAnimationFrame until a specified delay has been met or exceeded.
* When the delay time has been reached the function you're timing out will be called.
*
* Credit: Joe Lambert (https://gist.github.com/joelambert/1002116#file-requesttimeout-js)
*/
export var requestAnimationTimeout = function requestAnimationTimeout(callback /*: Function*/, delay /*: number*/) /*: AnimationTimeoutId*/{
var start;
// wait for end of processing current event handler, because event handler may be long
Promise.resolve().then(function () {
start = Date.now();
});
var _timeout = function timeout() {
if (Date.now() - start >= delay) {
callback.call();
} else {
frame.id = raf(_timeout);
}
};
var frame /*: AnimationTimeoutId*/ = {
id: raf(_timeout)
};
return frame;
};