js实现持续的动画

利用setInterval实现

采用定时器实现

window.onload=function()
{
 var mydiv=document.getElementById("mydiv");
 var start=document.getElementById("start");
 var stopmove=document.getElementById("stopmove");
 var x=0;
 var flag;//标志
 function move()//移动动画
 {
  x=x+1;
  mydiv.style.left = ((time - startTime) / 10) % 300 + 'px'
 }
 start.onclick=function()//开始动画
 {
  clearInterval(flag);
  flag=setInterval(move,20);
 }
 stopmove.onclick=function()//停止动画
 {
  clearInterval(flag);
 }    
}

利用requestAnimationFrame

requestAnimationFrame是浏览器用于定时循环操作的一个接口，类似于setTimeout，主要用途是按帧对网页进行重绘。
requestAnimationFrame的优势，在于充分利用显示器的刷新机制，比较节省系统资源。显示器有固定的刷新频率（60Hz或75Hz），也就是说，每秒最多只能重绘60次或75次，requestAnimationFrame的基本思想就是与这个刷新频率保持同步，利用这个刷新频率进行页面重绘。此外，使用这个API&#x