                        課程
                    
                        /前端開發(fā)
                        
                            /Html5
                        
                        /炫麗的倒計時效果Canvas繪圖與動畫基礎

小球累加問題

我想問下，每50毫秒加了很多小球，如果大于數(shù)組長度大于cnt ? 只刪除了最后一個，那小球不是還會累加么？但真實情況為什么沒有累加呢？

000339043

2016-05-11

源自：炫麗的倒計時效果Canvas繪圖與動畫基礎 5-1

關注問題我要回答

838

操作

收起

3 回答

小丑魚yang
2017-05-20

這里有個Bug，就是離開頁面以后小球會堆積或者說是小球不一會運動了。這個原因是因為我們沒有停留在當前頁面，計時器會照常執(zhí)行但是不會一直刷新動畫效果。解決這個問題的方式就是通過document.hidden來判斷是否停留在當前頁面，這個方式會存在兼容性問題，所以我們要這樣寫var hiddenProperty = 'hidden' in document ? 'hidden' : ? ?

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

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

? ? null;

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

render(context);

updateTime();?

}else{

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

}