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

窗口最小化后再打開,小球抱團是為什么?

不知道是什么原因

fdsgasgg

2016-11-02

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

關注問題我要回答

977

操作

收起

2 回答

小r
2017-01-04

把原來的setInterval替換成下面的代碼，利用焦點處理，算是從源頭解決的一個方案。

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

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

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

1 回復有任何疑惑可以回復我~

收起回答

qq_孤單求陪同_0

完美解決，我最開始的想法是當頁面得到焦點的時候直接刷新頁面，設想最好的解決辦法就是暫停動畫。大神這個代碼完美解決問題。那我還有一個問題想要請教，如何在頁面改變大小的時候直接史詩改變Canvas大小，而不需要刷新頁面之后才改變大小，我用onresize監聽的事件，也是用刷新頁面這個土方法完成的。不知道大神能不能給個完美的解決辦法。