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

如何解决在Anime.js中反复调用loopComplete函数

我将动画元素称为：

 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函数一次调用一个动漫元素。对于可以在这个问题上分享一些智慧的任何人，都深表爱意。