如何当动画结束创建活动?
问题描述:
1 - 如何当动画结束创建活动?
动画写在CSS3
1 - How to create an event when the animation ends? Animation written in css3
2 - 如何玩,只有当在浏览器中加载的所有数据的动画?
你可以看到
2 - How to Play the animation only when all data loaded in the browser ? You can see
许多THX。
演示的jsfiddle
答
1 - 你需要添加一个animationEnd事件侦听器
1 -You need to add an animationEnd event listener
document.getElementById('animation-03').addEventListener('animationend', function () {
alert('end')
}, false);
请确保您添加它为所有的浏览器厂商。
Make sure you add it for all browser vendors.
下面是一个分支的版本: http://jsfiddle.net/Fj2vF/2/
Here is a forked version: http://jsfiddle.net/Fj2vF/2/
2 - 不要担心。由于W3C斑点所说的一切都被加载,只有当你的动画将启动。
2 - Do not worry about this. As the W3C specks say your animation will start only when everything is loaded.