Skip to content

Instantly share code, notes, and snippets.

@odedw

odedw/rafTicker.js

Created May 30, 2014
Embed
What would you like to do?
Lightweight ticker based on requestAnimationFrame using Paul Irish's polyfill.
// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel
// MIT license
(function() {
var lastTime = 0;
var vendors = ['ms', 'moz', 'webkit', 'o'];
for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];
window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame']
|| window[vendors[x]+'CancelRequestAnimationFrame'];
}
if (!window.requestAnimationFrame)
window.requestAnimationFrame = function(callback, element) {
var currTime = new Date().getTime();
var timeToCall = Math.max(0, 16 - (currTime - lastTime));
var id = window.setTimeout(function() { callback(currTime + timeToCall); },
timeToCall);
lastTime = currTime + timeToCall;
return id;
};
if (!window.cancelAnimationFrame)
window.cancelAnimationFrame = function(id) {
clearTimeout(id);
};
}());
var RAFTicker = function(){
var timeElapsed,
lastTickTime,
shouldStop,
tickHandler,
interval,
start = function(fps, handler){
lastTickTime = timeElapsed = 0;
shouldStop = false;
interval = 1000 / fps;
tickHandler = handler
tick(0);
},
tick = function(timestamp) {
if (timestamp - lastTickTime >= interval) {
lastTickTime = timestamp;
if (tickHandler)
tickHandler(timestamp);
}
if (!shouldStop){
requestAnimationFrame(tick);
}
},
stop = function(){
shouldStop = true;
};
return {
start: start,
stop: stop
}
}
@paweu92

This comment has been minimized.

Copy link

@paweu92 paweu92 commented Nov 27, 2014

How Can I connect this script with text in div?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment