微信小程序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红点的网址:

经验分享 程序员 微信小程序 职场和发展