如何在监听css动画 并且在动画结束时 执行一段js代码
2018-05-23 20:05
190 查看
<!DOCTYPE html>< html lang = “zh” >
< head > < meta charset = “UTF-8” /> < title >文档</ title > < style type = “text / css” > #box { 身高: 500 px ; 宽度: 500 像素 ; 背景:红色; 动画:名字3 秒; } @keyframes 名称 { 从{ margin-left :0 px ; } 到 { 余量:500 px ; } } </ style > </ head >
< body > < div id = “box” > </ div > </ body > < script type = “text / javascript” > document.getElementById( 'box').addEventListener( 'animationend', function(){ 警报(1) }) </ script ></ html >
阅读更多
相关文章推荐
- JS如何监听动画结束
- 如何让页面刷新前执行一段js代码
- Asp.net中如何过滤html,js,css代码
- 如何判断一个DOM元素正在动画,一个CSS“阻塞”JS的例子
- 如何用js和css美化input file 按钮,并且显示上传的文件名
- js函数绑定同时,如何保留代码执行环境?
- SpringMVC中如何在网站启动、结束时执行代码(详细,确保可用)
- IAR下如何确定某一段代码的执行时间
- 如何判断一个DOM元素正在动画,一个CSS“阻塞”JS的例子
- 用于返回本周的开始日期及结束日期一段JS代码
- Asp.net中如何过滤html,js,css代码
- CSS实现鼠标滑过文字弹出一段说明文字无JS代码
- main函数结束后怎么继续执行一段代码?
- Android的一段常用动画效果代码(如何让点击的图片控件加速飞入到指定位置)
- 【asp.net 】使用js结合hidden控件实现在后台运行一段程序后提示确认,确认通过后继续执行后台代码~~~
- 寻求一段ASP+JS倒计时执行代码
- 帧动画功能 纯js控制css代码
- C# Javascript引擎,如何在C#中执行现有的JS代码?
- 分享一段css代码学到的js知识
- 如何判断一个DOM元素正在动画,一个CSS“阻塞”JS的例子