在css3动画的情况下,有什么方法可以实现回调函数?如果使用Javascript动画,则可能会在CSS3中找到实现它的方法,但找不到任何方法。
我可以看到的一种方法是在动画持续时间之后执行回调,但是并不能确保始终在动画结束后立即调用它。这将取决于浏览器UI队列。我想要一个更强大的方法。有什么线索吗?
就在这里。回调是一个事件,因此您必须添加事件侦听器才能捕获它。这是jQuery的一个示例:
$("#sun").bind('oanimationend animationend webkitAnimationEnd', function() { alert("fin") });
还是纯js:
element.addEventListener("webkitAnimationEnd", callfunction,false); element.addEventListener("animationend", callfunction,false); element.addEventListener("oanimationend", callfunction,false);