Javascript 检测聚合物网络动画是否完成的方法？

我正在努力寻找一些东西来检测动画何时完成。有什么想法吗？也许是一个事件监听器什么的？我也不知道这是否是实际播放动画的最佳方式

    $(showMore).click(function () {
              var shrinky = new Animation(showMore, [{transform: 'scale(1)'}, {transform: 'scale(0)'}], {fill: 'forwards', duration: 500, easing: 'ease-out'});
              document.timeline.play(shrinky);
    });

比如我能检测出刻度是0吗？任何帮助都将不胜感激，谢谢！ -掸

编辑：我的动画似乎没有在结束时触发“完成”事件，应该这样。也许我只是把动画弄错了

编辑好的解决方案是我试图调用动画上的“完成”事件，而不是animationPlayer。正确的代码如下：

var shrinky = new Animation(showMore, [{transform: 'scale(1)'}, {transform: 'scale(0)'}], {fill: 'forwards', duration: 500, easing: 'ease-out'});
    var playShrink = document.timeline.play(shrinky);
    playShrink.addEventListener('finish', function() {
    console.log('this is done');
});

---

据我所知，动画触发了一个“结束”事件（我自己还没有尝试过）

---

嗯，得到一个未定义的函数——这有文档记录吗？我在网页动画页面上没有看到任何关于结束事件的信息，除非我在某个地方丢失了一个关键资源。。嗯，我基本上是想在动画完成后删除元素，就像它收缩完成然后弹出一样！他走了。我试着检测scale=0，但出于某种原因，它在动画开始时检测到它，并立即删除元素。我今天还没有找到它，但我发现一个测试用例正在测试“finish”事件。嗯，它也尝试了finish，但没有骰子。。我注意到他们在代码中使用了jQuery中的done（）方法，并在我的shrinky动画中尝试了该方法，但它没有将shrinky识别为具有End的内容。此文档列出了一些更改。我不知道它们是否已实现（删除onfinish、添加ready、完成）

shrinky.addEventListener('end', function() {
  doSomething
});