Javascript Web动画API回调函数

我刚刚发现了，我正试图弄清楚如何为这些动画引入回调函数

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

查看上的w3c规范，我认为我需要使用

onfinish

属性，但什么也没发生

我还尝试使用jQuery回调语法

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

---

当然，这也不行。任何想法，我相信都很简单，我只是还没有找到信息。

我几乎把它做好了，通过这样的一个小调整，回调就可以工作了

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

---

仅供将来参考，W3C删除了“onfinish”属性，并将其替换为“finished”属性，这是一个承诺。来源：那么在新语法中是什么样的呢？@CrowChick我相信你只是将

onfinish

替换为

finish

，另外，提醒一下，

onfinish

没有替换为

finish

：你可以分别使用回调或承诺语法：）