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

如何解决如何在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