                        课程
                    
                        /前端开发
                        
                            /Html5
                        
                        /炫丽的倒计时效果Canvas绘图与动画基础

关于网页切入后台后动画刷新问题

一直运行浏览器的情况下没有问题，但是我切换到其他程序或者其他标签一段时间，再切回该标签，这个时候，画面中的小球会从切换前的状态继续运动，就是说该标签页进入后台运行后，小球位置数据不会刷新，但是切换回来后，会刷出大量小球，导致画板中小球数量一下子剧增。

这种情况在内存小的电脑上运行，会进入恶性循环，浏览器越跑越慢。

这个问题可以算是个通用问题，我不知道怎么实现这种切换回动画的，还能保持动画正常，希望老师或同学为我解答。

大空翼God

2015-12-16

源自：炫丽的倒计时效果Canvas绘图与动画基础 5-7

关注问题我要回答

1225

操作

收起

1 回答

李晓健
2015-12-16

这个是因为在有些浏览器上，当前标签页不在激活状态，贞动画可能会停止。解决办法可以试试，当前屏幕上的最大小球数量，当超过一定数量的小球时，就不再产生小球。

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

#1

大空翼God 提问者

这种办法能防止占用内存过大，但是动画也相应有一次中断。比如说这个时钟动画，若是设置小球超过300则释放资源，会导致运动中的那些小球直接消失，而所有小球都集中在刚生成的位置下面，一下子掉落300个小球。

2015-12-16 回复有任何疑惑可以回复我~

#2

大空翼God 提问者

刚才有点误解，您是说“不再产生小球”，这样切换回来会有一段时间没有小球掉落，直到画板上走出一部分小球，这段动画不是很让人接受0-0

2015-12-16 回复有任何疑惑可以回复我~

#3

李晓健回复大空翼God 提问者

这300个小球也包括地上的呀，当你离开时小球不动了，地上的小球应该也不动的呀。当你回到页面时这些小球又开始动了，如果小球的数量控制的合适，当你回来时应该和你离开时小球的数量和位置是差不多的。

2015-12-16 回复有任何疑惑可以回复我~

查看2条回复

举报

0/150

提交

取消

炫丽的倒计时效果Canvas绘图与动画基础

参与学习 96594 人
解答问题 999 个

学习HTML5中最激动人心的技术Canvas，彻底释放自己的创造力

本课相似问答

3 回答切换页面一段时间，重新切回页面卡死问题

1 回答关于canvas画布尺寸问题

1 回答检查好几遍还不知道为什么不能自动刷新数字，只能手动刷新。

1 回答解决切换页面后，小球堆积的问题，主要是给页面添加个监听事件

1 回答失去焦点后小球还会刷新不会移动，由于没出屏幕，数组一直增加。导致N多小球

搜索更多本课相关问答

关于网页切入后台后动画刷新问题

我要回答关注问题

意见反馈帮助中心 APP下载