当前位置: 首页 > Web前端 > HTML

使用setInterval方法实现弹框的闪烁

时间:2023-04-03 01:00:05 HTML

每次在电商平台看到加群提示,都觉得很有趣,也很方便。刚好在学习一个小程序,所以想了个办法来实现这个效果~想了想还是觉得用setIntercal的方法比较简单(数据方面先不考虑,直接展示一下effecthere),基本思路是通过定时控制组提示的出现和隐藏;即把数据传给wx:if一定时间后反转数据(布尔值);写完之后,我认真对比了一下,怎么都是忽明忽暗,为什么我的越看越别扭??....上图代码[紧张脸]:wxmlLesta邀请你一起逛街js//数据中,默认群提示显示数据:{show:true,}.......//在onLoad函数中调用setInterval方法onLoad:function(){varthat=this;//动画varanimation=wx.createAnimation();//定时器,每1.5秒弹出一次setInterval(function(){//反转控制显示和隐藏varshow=!th在.data.show;that.setData({animationData:animation.export(),show:show})},1500)}就这样吧,很简单的一个方法,对setInterval有疑惑的朋友可以去看看参考手册哦。附:我的github地址我的小项目地址谢谢各位朋友~