這里有個(gè)Bug，就是離開(kāi)頁(yè)面以后小球會(huì)堆積或者說(shuō)是小球不一會(huì)運(yùn)動(dòng)了。這個(gè)原因是因?yàn)槲覀儧](méi)有停留在當(dāng)前頁(yè)面，計(jì)時(shí)器會(huì)照常執(zhí)行但是不會(huì)一直刷新動(dòng)畫(huà)效果。解決這個(gè)問(wèn)題的方式就是通過(guò)document.hidden來(lái)判斷是否停留在當(dāng)前頁(yè)面，這個(gè)方式會(huì)存在兼容性問(wèn)題，所以我們要這樣寫(xiě)var hiddenProperty = 'hidden' in document ? 'hidden' : ? ?

? ? 'webkitHidden' in document ? 'webkitHidden' : ? ?

? ? 'mozHidden' in document ? 'mozHidden' : ? ?

? ? null;

并在計(jì)時(shí)器內(nèi)調(diào)用if(!document[hiddenProperty]){

render(context);

updateTime();?

}else{

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

}

?//Math.min();兩個(gè)數(shù)取最小值

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

??balls.pop();//刪除第cnt個(gè)到balls.length-1個(gè)數(shù)組

?}
?//使用上面的循環(huán)方式代替下面的循環(huán)方式就可以了

?/*while(balls.length>cnt){

??balls.pop();//刪除第cnt個(gè)到balls.length-1個(gè)數(shù)組

?}*/

使用上面的循環(huán)方式代替下面的循環(huán)方式就可以了

那關(guān)了定時(shí)器，不就不動(dòng)了嘛

其實(shí)這個(gè)遺留的bug，定時(shí)器沒(méi)有關(guān)閉定時(shí)器造成的