微信小程序tabbar图标右上角红点闪烁
二、上代码
data:{
countDownNum :"100"
i:"123"
}
//计时器,用于闪烁的红点
countDown: function() {
var that = this,
countDownNum = that.data.countDownNum
if (that.data.i != null) {
that.setData({
timer: setInterval(function () {
countDownNum --;
console.log(countDownNum)
//我这里用的是求余方法
//当countDownNum为偶数时显示红点
//当countDownNum为奇数时隐藏红点
if (countDownNum%2==0){
wx.showTabBarRedDot({
index: 1,//index是让tabbar的第几个图标闪起来(从0开始的),我现在是让第二个图片的红点闪
})
}else{
wx.hideTabBarRedDot({
index: 1,//index是让tabbar的第几个图标闪起来(从0开始的),我现在是让第二个图片的红点闪
})
}
if (countDownNum == 0) {
clearInterval(that.data.timer);//让计时器取消定时
}
}, 1000)//这里的单位是毫秒,是计时器在倒数时的间隔时间,如果想把闪烁速度调快,把这里的数值调低
})
}
},
三、附上接口的网址 计时器的网址: 显示或隐藏tabbar红点的网址:
上一篇:
uniapp开发微信小程序-2.页面制作
