小程序
小游戏
企业微信
微信支付
扫描小程序码分享
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
利用 CSS3 animationend 事件:使用 animationend 事件来监听动画结束的时机,在该事件触发后重新开启动画效果。通过给展示获取手机号浮层的元素绑定 animationend 事件,并在事件回调函数中设置动画效果。
// 绑定 animationend 事件 document.getElementById("phoneModal").addEventListener("animationend", function() { // 重新开启动画效果 document.getElementById("loadingElement").classList.add("loading-animation"); });
/* 定义动画 */ @keyframes loading { /* 定义动画帧 */ } /* 应用动画效果 */ .loading-animation { animation: loading 2s infinite; }
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
利用 CSS3 animationend 事件:使用 animationend 事件来监听动画结束的时机,在该事件触发后重新开启动画效果。通过给展示获取手机号浮层的元素绑定 animationend 事件,并在事件回调函数中设置动画效果。
// 绑定 animationend 事件 document.getElementById("phoneModal").addEventListener("animationend", function() { // 重新开启动画效果 document.getElementById("loadingElement").classList.add("loading-animation"); });
/* 定义动画 */ @keyframes loading { /* 定义动画帧 */ } /* 应用动画效果 */ .loading-animation { animation: loading 2s infinite; }