如何在anime.js中为一个目标在每个循环上调用一个函数

问题描述

我尽我所能让它工作，但我无法弄清楚。如何在每个循环中为anime.js 时间线中的一个目标调用一个函数。

这是我的脚本：

const images = document.querySelectorAll('.bannerImage');

function animateImage() {
    anime({
        targets: '.image3',opacity: '1',duration: 2000,easin: 'easeInOutExpo'
    });
}

const timeLine = anime.timeline({
    duration: 2000,easing: 'easeInOutExpo',loop: true
}).add({
    targets: '.image3',opacity: '0',}).add({
    targets: '.image2',}).add({
    targets: '.image1',loopBegin: function (anime) {
        animateImage();
    }
});

这是我尝试使用 setInterval https://jsfiddle.net/eytpcw1m/8/

制作它的 js fiddle

解决方法

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

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

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