小程序动画-循环放大缩小的动画（一闪一闪的）

最新推荐文章于 2024-08-12 10:51:34 发布

dongsdh

最新推荐文章于 2024-08-12 10:51:34 发布

阅读量1.4w

点赞数 3

分类专栏：小程序

本文链接：https://blog.csdn.net/dongsdh/article/details/79753437

版权

小程序专栏收录该内容

5 篇文章 0 订阅

订阅专栏

var circleCount = 0;  
      // 心跳的外框动画  
      this.animationMiddleHeaderItem = wx.createAnimation({  
        duration:1000,    // 以毫秒为单位  
        timingFunction: 'linear',  
        delay: 100,  
        transformOrigin: '50% 50%',  
        success: function (res) {  
        }  
      });  
      setInterval(function() {  
        if (circleCount % 2 == 0) {  
          this.animationMiddleHeaderItem.scale(1.15).step();  
        } else {  
          this.animationMiddleHeaderItem.scale(1.0).step();  
        }  
          
        this.setData({  
          animationMiddleHeaderItem: this.animationMiddleHeaderItem.export()  //输出动画
        });  
          
        circleCount++;  
        if (circleCount == 1000) {  
          circleCount = 0;  
        }  
      }.bind(this), 1000);