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

關(guān)于網(wǎng)頁(yè)切入后臺(tái)后動(dòng)畫(huà)刷新問(wèn)題

一直運(yùn)行瀏覽器的情況下沒(méi)有問(wèn)題，但是我切換到其他程序或者其他標(biāo)簽一段時(shí)間，再切回該標(biāo)簽，這個(gè)時(shí)候，畫(huà)面中的小球會(huì)從切換前的狀態(tài)繼續(xù)運(yùn)動(dòng)，就是說(shuō)該標(biāo)簽頁(yè)進(jìn)入后臺(tái)運(yùn)行后，小球位置數(shù)據(jù)不會(huì)刷新，但是切換回來(lái)后，會(huì)刷出大量小球，導(dǎo)致畫(huà)板中小球數(shù)量一下子劇增。

這種情況在內(nèi)存小的電腦上運(yùn)行，會(huì)進(jìn)入惡性循環(huán)，瀏覽器越跑越慢。

這個(gè)問(wèn)題可以算是個(gè)通用問(wèn)題，我不知道怎么實(shí)現(xiàn)這種切換回動(dòng)畫(huà)的，還能保持動(dòng)畫(huà)正常，希望老師或同學(xué)為我解答。

大空翼God

2015-12-16

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

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

1323

操作

收起

1 回答

李曉健
2015-12-16

這個(gè)是因?yàn)樵谟行g覽器上，當(dāng)前標(biāo)簽頁(yè)不在激活狀態(tài)，貞動(dòng)畫(huà)可能會(huì)停止。解決辦法可以試試，當(dāng)前屏幕上的最大小球數(shù)量，當(dāng)超過(guò)一定數(shù)量的小球時(shí)，就不再產(chǎn)生小球。

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

大空翼God 提問(wèn)者

這種辦法能防止占用內(nèi)存過(guò)大，但是動(dòng)畫(huà)也相應(yīng)有一次中斷。比如說(shuō)這個(gè)時(shí)鐘動(dòng)畫(huà)，若是設(shè)置小球超過(guò)300則釋放資源，會(huì)導(dǎo)致運(yùn)動(dòng)中的那些小球直接消失，而所有小球都集中在剛生成的位置下面，一下子掉落300個(gè)小球。

2015-12-16 回復(fù) 有任何疑惑可以回復(fù)我~

#2

大空翼God 提問(wèn)者

剛才有點(diǎn)誤解，您是說(shuō)“不再產(chǎn)生小球”，這樣切換回來(lái)會(huì)有一段時(shí)間沒(méi)有小球掉落，直到畫(huà)板上走出一部分小球，這段動(dòng)畫(huà)不是很讓人接受0-0

2015-12-16 回復(fù) 有任何疑惑可以回復(fù)我~

#3

李曉健回復(fù) 大空翼God 提問(wèn)者

這300個(gè)小球也包括地上的呀，當(dāng)你離開(kāi)時(shí)小球不動(dòng)了，地上的小球應(yīng)該也不動(dòng)的呀。當(dāng)你回到頁(yè)面時(shí)這些小球又開(kāi)始動(dòng)了，如果小球的數(shù)量控制的合適，當(dāng)你回來(lái)時(shí)應(yīng)該和你離開(kāi)時(shí)小球的數(shù)量和位置是差不多的。

2015-12-16 回復(fù) 有任何疑惑可以回復(fù)我~