                        課程
                    
                        /前端開發(fā)
                        
                            /Html5
                        
                        /炫麗的倒計(jì)時(shí)效果Canvas繪圖與動(dòng)畫基礎(chǔ)

小球累加問題

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

000339043

2016-05-11

源自：炫麗的倒計(jì)時(shí)效果Canvas繪圖與動(dòng)畫基礎(chǔ) 5-1

關(guān)注問題我要回答

823

操作

收起

3 回答

小丑魚yang
2017-05-20

這里有個(gè)Bug，就是離開頁面以后小球會(huì)堆積或者說是小球不一會(huì)運(yùn)動(dòng)了。這個(gè)原因是因?yàn)槲覀儧]有停留在當(dāng)前頁面，計(jì)時(shí)器會(huì)照常執(zhí)行但是不會(huì)一直刷新動(dòng)畫效果。解決這個(gè)問題的方式就是通過document.hidden來判斷是否停留在當(dāng)前頁面，這個(gè)方式會(huì)存在兼容性問題，所以我們要這樣寫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！');

}