Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/367.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何为anime.js中的一个目标在每个循环上调用函数_Javascript_Animation_Ecmascript 6_Anime.js - Fatal编程技术网

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

Javascript 如何为anime.js中的一个目标在每个循环上调用函数,javascript,animation,ecmascript-6,anime.js,Javascript,Animation,Ecmascript 6,Anime.js,我尽我最大的努力使它工作,但我不能想出它。在anime.js timeline中,如何在每个循环中仅为一个目标调用函数 这是我的剧本: const images = document.querySelectorAll('.bannerImage'); function animateImage() { anime({ targets: '.image3', opacity: '1', duration: 2000, eas

我尽我最大的努力使它工作,但我不能想出它。在anime.js timeline中,如何在每个循环中仅为一个目标调用函数

这是我的剧本:

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',
    opacity: '0',
}).add({
    targets: '.image1',
    opacity: '0',
    loopBegin: function (anime) {
        animateImage();
    }
});
这里是js fiddle,我试图使用setInterval制作它