动画完成不称为JavaScript DOM

我正在尝试用一个完成函数来设置图像的动画。动画工作正常，但未调用complete属性。我试着四处看看，但没有发现任何结果表明我所做的是错误的。我在Chrome和Firefox上试用过，我使用的代码如下

document.getElementById("myImageId").animate([{
      transform: 'translateY(0px)'
   },
   {
      transform: 'translateY(-300px)'
   }
], {
   duration: 300,
   complete: function () {
      alert('end ani')
   }
});

返回一个对象，您可以将finish的事件处理程序附加到该对象：

var animation=document.querySelector'myImageId'。设置动画[{ 转换：“translateY0px” }, { 转换：“translateY-300px” } ], { 持续时间：300， 延误：300， 填写：'向前'， }; animation.addEventListener'finish'，=>alert'end ani'；