1. 程式人生 > >小程式動畫-迴圈放大縮小的動畫(一閃一閃的)

小程式動畫-迴圈放大縮小的動畫(一閃一閃的)

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);