公告列表
公告列表
收藏
回答

定义重复执行动画，动画只执行一次就报错

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug 动画 工具 8.0.7 2.19.0 
Page({
  data:{
    arrowAnimation:{},
  },

onReady(){
    var animation = wx.createAnimation({
      delay: 0,
      timingFunction:"linear",
      duration:1500,
      success(res){
        console.log("dzp arrowAnimation",res);
      }
    })
 
    this.data.arrowAnimation=animation
    var animationInterNum=setInterval(function(){
      // this.arrowAnimation.opacity(0).step().opacity(1).step()
      console.log("dzp arrowAnimation setInterval",this.data.arrowAnimation);
      this.data.arrowAnimation.translateY(-30).step().translateY(0).step()；
      this.setData({
        arrowAnimation:animation.export(),
      })
    }.bind(this),1500)
  },
 
bug 描述：151VM211 WAService.js:2 TypeError: this.data.arrowAnimation.translateY is not a function
 
回答关注问题邀请回答
收藏

1 个回答

  • spider
    spider
    2021-08-10
    // 把 this.data.arrowAnimation.translateY 改成 animation.translateY

 onReady(){


    var animation = wx.createAnimation({
      delay: 0,
      timingFunction:"linear",
      duration:1500,
      success(res){
        console.log("dzp arrowAnimation",res);
      }
    })
 
    this.data.arrowAnimation=animation
    var animationInterNum=setInterval(function(){
     
      console.log("dzp arrowAnimation setInterval:",animation);
      animation.translateY(-30).step().translateY(0).step();
      this.setData({
        arrowAnimation:animation.export(),
      })
    }.bind(this),1500)
  },
    2021-08-10
    有用
    回复
请 登录 后发表内容
相关问题
相关文档