记录微信小程序简单渐入渐出效果

小程序内的动画 简单的渐入渐出效果

1.自定义动画属性
data:{
userAnimation:{}
}

自定义动画方法
showOpacity(opacity){
let that=this
var animation = wx.createAnimation({
//持续时间200ms
duration: 2000,
timingFunction: ‘ease’,
});
animation.opacity(opacity).step()
that.setData({
userAnimation:animation.export()
})
},

wxml代码

需要的地方进行调用
that.showOpacity(1)
将透明度改为1
例如请求数据后

自定义定时器 6秒后更新数据将透明度改为0

var t = setInterval(function() {
that.showOpacity(0)
setTimeout( function(){
that.getUser();
}, 2000 )
}, 6000)
that.setData({
timer: t
})