解决微信小程序购物车抛物动画,在连续点击时出现计算错误问题,定时器停不下来。

最近做,微信点餐小程序,遇到添加商品时出现抛物动画,参考借鉴了这位大神的方法

https://www.cnblogs.com/greengage/p/7815842.html

但出现了一个问题,连续点击加入购物车时,抛物动画报错。如图:

我的解决方法是:

//购物车抛物动画 (时间间隔)(解决点击过于频繁时,抛物动画报错问题)
     var nowTime = new Date().getTime();
      var clickTime = e.currentTarget.dataset["ctime"];      
      if (clickTime != 'undefined' && (nowTime - clickTime < 1500)) {        
        wx.showToast({
          title: '操作过于频繁',
          icon: 'loading',
          duration: 1000
        })
      } else {
        _that.setData({
          ctime: nowTime
        })       
        _that.touchOnGoods(e);        
      }                 

猜你喜欢

转载自www.cnblogs.com/tongkaiqiang/p/9083571.html