python弹出窗口 闪烁_用setInterval方法实现弹框闪烁

每次看到某电商平台的拼团提示会觉得很有趣也很方便,正好自己在学习小程序,那就想个法子实现一下这种效果咯~

思虑了一下还是觉得用setIntercal方法比较简便(数据方面就先不考虑了,我这里只做一下表现效果),基本思路是通过定时来控制拼团提示出现和隐藏;即隔一定时间就将data中传给wx:if里的数据取反(布尔值);写完后我认真的去比对了一下,为什么同样都是闪烁,我的怎么越看越别扭??....

上图上图[紧张脸]

1460000015261430?w=360&h=720

代码:

wxml

Lesta邀请您一起剁手

js

//data中,默认拼团提示显示

data: {

show: true,

}

.......

//在onLoad函数里调用setInterval方法

onLoad: function() {

var that = this;

//动画

var animation = wx.createAnimation();

//计时,每1.5秒弹出一次

setInterval(function () {

//取反控制显示和隐藏

var show = !that.data.show;

that.setData({

animationData: animation.export(),

show: show

})

}, 1500)

}

大概就是这样吧,很简单的一个小方法,对setInterval有疑问的小伙伴可以去看看参考手册噢。

附:我的github地址

我的小项目地址

谢谢各位小伙伴~

1460000015261431?w=300&h=300

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值