use requestAnimationFrame instead of setInterval for animations, when…

… available.
jquery · Apr 4, 2011 · f7ccec1b70a42de21b55dbb7b3d65da5628ade9e · f7ccec1
1 parent 2ed81b4
commit f7ccec1b70a42de21b55dbb7b3d65da5628ade9e
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/src/effects.js b/src/effects.js
@@ -363,7 +363,9 @@ jQuery.fx.prototype = {
 		t.elem = this.elem;
 
 		if ( t() && jQuery.timers.push(t) && !timerId ) {
-			timerId = setInterval(fx.tick, fx.interval);
+			jQuery.support.requestAnimationFrame ?
+				window[jQuery.support.requestAnimationFrame](fx.tick):
+				timerId = setInterval(fx.tick, fx.interval);
 		}
 	},
 
@@ -468,6 +470,8 @@ jQuery.extend( jQuery.fx, {
 
 		if ( !timers.length ) {
 			jQuery.fx.stop();
+		} else if ( jQuery.support.requestAnimationFrame ) {
+			window[jQuery.support.requestAnimationFrame](this);
 		}
 	},
 

diff --git a/src/support.js b/src/support.js
@@ -58,6 +58,14 @@
 		// (WebKit defaults to false instead of true, IE too, if it's in an optgroup)
 		optSelected: opt.selected,
 
+		// Verify requestAnimationFrame mechanism existence
+		// use the prefixed name as the value
+		requestAnimationFrame: mozRequestAnimationFrame ?
+			'mozRequestAnimationFrame' :
+			webkitRequestAnimationFrame ?
+				'webkitRequestAnimationFrame' :
+				false,
+
 		// Will be defined later
 		deleteExpando: true,
 		optDisabled: false,