weex的animation动画怎么设置连续的

Question

weex的animation动画怎么设置连续的
官方文档介绍太少了

Answer 1

是指循环的话，使用setInterval()实现就行。

Answer 2

我也碰到这个问题，如果写在setInterval()中，动画只会播放一次，定时器还在走，函数不断的被调用。

Answer 3

我在uniapp中解决的方法是在你需要变化的数值后加上一个极小的随机数 即 Math.random()*0.01;
而且在变化的其中一个因素中加上随机数即可；
有遇到的问题的可以参考一下

        handleStartAnimation(){
            let animation =wx.createAnimation({
                duration:'600',
                timingFunction:"linear",
            }),
            go=true,
            big=1.2,
            samll=1;
            let timer=setInterval(()=>{
                animation.scale(1.15+Math.random()*0.01).step();
                animation.scale(1).step();
                this.animationData=animation.export();
            },1210)
        }

Answer 4

在动画完成的回调函数重置初始位置，再执行动画不就可以了。

Answer 5

 startAnim() {
                var that = this
                var love = this.$refs.love;
                animation.transition(love, {
                    styles: {
                        transform: `rotate(${that.mAngel}deg)`,
                        transformOrigin: 'center center'
                    },
                    duration: 5000,
                    timingFunction: 'liner',
                    delay: 0
                }, function () {
                    that.mAngel += 360
                    that.startAnim()
                })
            }