CSS转换完成后运行函数

时间:2014-11-14 18:16:19

标签: css3 css-transitions

如果我有一系列CSS背景颜色淡入淡出过渡运行,并且不清楚最终过渡何时结束,那么一旦指定的CSS过渡结束,我怎么能运行javascript函数或执行动作依靠设置计时器?

1 个答案:

答案 0 :(得分:0)

使用transitionend事件:

element.addEventListener("transitionend", showMessage, false);

http://jsfiddle.net/rx8cm9Lh/

某些旧版浏览器可能需要供应商前缀。文档位于:https://developer.mozilla.org/en-US/docs/Web/Events/transitionend