如何在jquery中触发动画时间？

Question

现在我的代码有一个用于视频文件的eventListener。视频完成后，功能就会启动。但是要有一个我要创建动画的视频文件。当动画结束时，我希望功能开始。

<div id="intro" class="exitBtnCol">
    <video id="intro_text" width="728" height="90" autoplay>
        <source src="intro_text_video.mp4" type="video/mp4">
        <source src="intro_text_video.webM" type="video/webM">
    </video>
</div>

openerVid.addEventListener( 'ended', startResolve, false); 

这就是我现在所拥有的。

Answer 1

您可以使用animate()方法在元素上执行动画。当您可以在动画结束时调用startResolve()时，此方法还会将回调函数作为参数。试试这个：

$(openerVid).on('ended', function() {
    $('#foo').animate({
        opacity: 1 // change as required
    }, 500, startResolve);
});