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

窗口最小化后再打開(kāi),小球抱團(tuán)是為什么?

不知道是什么原因

fdsgasgg

2016-11-02

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

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

981

操作

收起

2 回答

小r
2017-01-04

把原來(lái)的setInterval替換成下面的代碼，利用焦點(diǎn)處理，算是從源頭解決的一個(gè)方案。

var?intervalId?=?setInterval(????//每秒執(zhí)行30次（粗略的）
???function(){
???????render(?context?);
???????update();
???}
???,
???30
);

//獲得焦點(diǎn)
window.onfocus?=?function(){
???intervalId?=?setInterval(????//每秒執(zhí)行30次（粗略的）
???????function(){
???????????render(?context?);
???????????update();
???????}
???????,
???????30
???);
};

//失去焦點(diǎn)
window.onblur?=?function(){
???clearInterval(intervalId);
}

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

收起回答

#1

qq_孤單求陪同_0

完美解決，我最開(kāi)始的想法是當(dāng)頁(yè)面得到焦點(diǎn)的時(shí)候直接刷新頁(yè)面，設(shè)想最好的解決辦法就是暫停動(dòng)畫(huà)。大神這個(gè)代碼完美解決問(wèn)題。那我還有一個(gè)問(wèn)題想要請(qǐng)教，如何在頁(yè)面改變大小的時(shí)候直接史詩(shī)改變Canvas大小，而不需要刷新頁(yè)面之后才改變大小，我用onresize監(jiān)聽(tīng)的事件，也是用刷新頁(yè)面這個(gè)土方法完成的。不知道大神能不能給個(gè)完美的解決辦法。