这里有个Bug，就是离开页面以后小球会堆积或者说是小球不一会运动了。这个原因是因为我们没有停留在当前页面，计时器会照常执行但是不会一直刷新动画效果。解决这个问题的方式就是通过document.hidden来判断是否停留在当前页面，这个方式会存在兼容性问题，所以我们要这样写var hiddenProperty = 'hidden' in document ? 'hidden' :    

    'webkitHidden' in document ? 'webkitHidden' :    

    'mozHidden' in document ? 'mozHidden' :    

    null;

并在计时器内调用if(!document[hiddenProperty]){

render(context);

updateTime(); 

}else{

console.log('not current pages！');

}

 //Math.min();两个数取最小值

 while(balls.length>Math.min(250,cnt)){

  balls.pop();//删除第cnt个到balls.length-1个数组

 }
 //使用上面的循环方式代替下面的循环方式就可以了

 /*while(balls.length>cnt){

  balls.pop();//删除第cnt个到balls.length-1个数组

 }*/

使用上面的循环方式代替下面的循环方式就可以了

那关了定时器，不就不动了嘛

其实这个遗留的bug，定时器没有关闭定时器造成的