小程序
小游戏
企业微信
微信支付
扫描小程序码分享
- 需求的场景描述（希望解决的问题）
需求场景：我想创建一个无限循环的动画。
- 希望提供的能力
希望加上animation-iteration-count: infinite;属性。
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
只是旋转的话，可以用css动画
.rotate-animation {
animation: test 1.2s linear infinite;
}
@keyframes test {
from {transform: rotate(0deg)}
to {transform: rotate(360deg)}
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
我这个去表示设备风扇的速度，需要一段时间就去更新一下这个动画时间
但是苹果系统，我去实时改变这个动画的时间的话，没有反应
哦，这样的呀，那，可不可以通过监听动画结束，然后重设角度，反复执行呢
如果一开始设置的infinite，不知道咋监听动画结束啊。 而且小程序js只能用过page.data,去修改css。就是在页面上绑定数据。。。
看你说的我想到一个办法，就是：更新时间之前，先把infinite这个属性清掉，改完再加上，不知道行不行。我去试试。
还是不行，哎，，，，苹果系统的，只要动画被定义以后就不能修改了。
https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html?search-key=animationend
事件里有个这个。。不过我没用对过
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
只是旋转的话，可以用css动画
.rotate-animation {
animation: test 1.2s linear infinite;
}
@keyframes test {
from {transform: rotate(0deg)}
to {transform: rotate(360deg)}
}
我这个去表示设备风扇的速度，需要一段时间就去更新一下这个动画时间
但是苹果系统，我去实时改变这个动画的时间的话，没有反应
哦，这样的呀，那，可不可以通过监听动画结束，然后重设角度，反复执行呢
如果一开始设置的infinite，不知道咋监听动画结束啊。 而且小程序js只能用过page.data,去修改css。就是在页面上绑定数据。。。
看你说的我想到一个办法，就是：更新时间之前，先把infinite这个属性清掉，改完再加上，不知道行不行。我去试试。
还是不行，哎，，，，苹果系统的，只要动画被定义以后就不能修改了。
https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html?search-key=animationend
事件里有个这个。。不过我没用对过