Web动画API回调函数

Question

我刚刚发现Web Animations API，我试图弄清楚如何为这些动画引入回调函数。我尝试使用以下

$('.box_wrapper')[0].animate([
    { right: '-100%' },
    { right: 0 }
], {
    fill: 'forwards',
    duration: 1000,
    onfinish: function() {
        // do stuff
    }
});

查看this section上的w3c规范我认为onfinish属性是我需要使用的，但没有任何反应。

我也尝试过使用jQuery回调语法;

$('.box_wrapper')[0].animate([
    { right: '-100%' },
    { right: 0 },
], {
    fill: 'forwards',
    duration: 1000
}, function() {
    // do stuff
});

但当然这也不起作用。任何想法，我确定它很简单，我还没有找到这些信息。

Answer 1

我几乎把它做对了，像这样的小调整，回调有效;

$('.box_wrapper')[0].animate([
    { right: '-100%' },
    { right: 0 }
], {
    fill: 'forwards',
    duration: 1000
}).onfinish = function() {
    // do stuff
};