這里有個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，定時器沒有關閉定時器造成的