如何使用bodymovin.js的事件

Question

为我的无知而提前道歉,因为我怀疑这是一个非常容易回答的问题,但我被困住了.

我正在使用bodymovin在网站上播放svg动画.我想使用onComplete事件在动画完成时触发一个函数,但我无法弄清楚如何编码它.

我试过了

 $("#bodymovin").on("onComplete", function(){
        console.log('test completed');
    });

和

 document.getElementById("bodymovin").addEventListener("complete", doalert);

    function doalert() {
        console.log('test completed');
    }

Bodymovin docs - https://github.com/bodymovin/bodymovin#events

谢谢

Answer 1

我想到了.这是整个代码

var anim;

var animData = {
    container: document.getElementById('bodymovin'),
    renderer: 'svg',
    loop: false,
    autoplay: true,
    rendererSettings: {
        progressiveLoad:false
    },
    path: 'thelogo.json'
};

anim = bodymovin.loadAnimation(animData);

anim.addEventListener('complete',doalert);

function doalert() {
    console.log('test completed');
}