关于动画加快的问题

ningbnii

lufy，您好
我想在ionic中使用lufy，做了一个简单的动画demo，一共两个页面，如下图所示，第一个页面中只有一个链接跳转，第二个页面是一个动画。
问题描述：当点击动画跳转到第二个页面，然后再从第二个页面点击返回，回到第一个页面，再点击动画跳转到第二个页面，会发现动画变快了，请问是什么原因导致的，是否有解决方法呢？
附上github地址：https://github.com/ningbnii/ionic_lufy_demo1.git
运行方法：ionic serve

ningbnii

lufy，您好！
我测试了新版本，问题已经解决，动画不在加快了。
有个新的问题，问题描述：我在ENTER_FRAME事件中，打印了一个自增的值，发现返回上一页的时候，计时器仍然在跑，再次进入后，会重新增加一个新的计时器，然后会发现同时存在两个计时器。
我想在离开页面的时候，停止当前计时器，请问有没有办法主动停止计时器呢？

ningbnii

感谢lufy的关注，我在页面离开的时候，removeAllEventListener，这样计时器可以停止了

ningbnii

发现如果将LInit的参数设置为requestAnimationFrame，又会出现动画加快的问题了

ningbnii

我做了一个新的demo，地址https://github.com/ningbnii/ionic_lufy_demo

点击动画，返回首页，然后再点击单指移动，返回首页，再点击动画，动画就会加快

ningbnii

lufy 发表于 2019-12-5 09:09
我看了代码，你相当于一个页面里用了多个canvas，
不能考虑一下只用一个canvas吗？ ...

嗯，是这样的，每个页面里面都有一个canvas，我就是想测试一下是否可行，因为我感觉css定位比canvas要方便一些，这样可以用css来控制定位，涉及动画的部分用lufy来做

ningbnii

lufy 发表于 2019-12-5 09:16
因为这样会导致多次调用引擎的初始化函数LInit，所以才会导致上述的问题的，
如果可以考虑iframe的话，倒 ...

哦，是否有方法可以主动清除初始化的状态呢，让页面再次进入的时候重新初始化，因为这个ionic可以监听到页面离开事件，我想在这个事件中做一些处理

ningbnii

lufy 发表于 2019-12-5 09:36
其实虽然你使用了多个canvas，但是页面里也只是一个canvas有效而已，
所以，你可以只用一个canvas，然后 ...

好的，感谢lufy，我试一下

ningbnii

我测试发现使用requestAnimationFrame会出现动画加速的问题，使用数值没有问题

ningbnii

lufy 发表于 2019-12-6 08:05
动画加速具体在什么情况下发生？

当两个页面的LInit的speed值不一致的时候，比如A为500，B为50，打开A动画慢，打开B动画快，这时候再打开A，会发现动画和B一样快了，感觉是取了最大值
如果所有页面speed都一样，就不会出现动画变快的现象