验证requestAnimationFrame、CSS3以及setinterval实现动画效果的优劣

偶然听说requestAnimationFrame这种动画实现方法，在网上查了很多的资料，都是夸赞其动画绘制效果的流畅，同步浏览器刷新帧数等等，决定做小实验来验证一下。

setinterval制作动画

制作了一个简单的正弦光栅移动实验，并通过chrome的Timeline来检测其帧数变化，不多说直接上图：

因为后面要测试requestAnimationFrame，requestAnimationFrame是跟着浏览器绘制频率来的，是以使用17ms绘制间隔方便测试，大家可以看出在3000ms的运行过程中出现了少量的丢帧现象；

其JS代码为：

var oDiv1 = document.getElementById("div1");
var oDiv2 = document.getElementById("div2");
var chess = document.getElementById("cGrat1");
var context = chess.getContext("2d");
function grating(){
	var R="FF";
	var G