在Anime.js中反复调用loopComplete函数

编程问答 2022-08-15

问题描述

我将动画元素称为：

 emdrSpawnElement = anime({
            targets: '#alternate-main .el',translateX: destination,direction: 'alternate',loop: true,easing: selectedEasing,duration: emdrSpawnElementSpeed,autoplay:false,loopBegin: function (anim) { },loopComplete: function (anim) {
                if(trackingPassesActive == true)
                {
                    totalPasses++;
                    if((totalPasses % 2) == 0)
                    {
                        passesdisplayed++;
                        document.getElementById("passes-count-2").innerText = passesdisplayed.toString();
                        console.log(passesdisplayed);
                    }
                }


                clearInterval(switchDirectionSoundplayer);
                switchDirectionSoundplay();
            }
        });

我的界面包含一个滑块，用于更改元素的速度。每次移动滑块时，上面列出的代码都会再次调用。

我的问题：loopComplete函数正在运行，就像每次我更改滑块一样，都会创建一个新的动漫元素，而不删除旧的动漫元素。结果是loopComplete函数被多次调用，每当我更改滑块时都会增加。

我的目标是停止对loopComplete函数的重复调用。每当我想更改其速度时，如何删除动画元素？我只希望loopComplete函数一次调用一个动漫元素。对于可以在这个问题上分享一些智慧的任何人，都深表爱意。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

animationanimationanimationanime.jshtmljavascriptjquery