购物车加按钮连续点击

Question

我有一个购物车，每个购物车项目都有加号和减号按钮。 我需要当用户单击3次（连续）加按钮然后调用 最新点击后添加addtocart功能。首次点击之间的最新点击平均值 并且第三次点击有延迟时间，因此用户可以点击4次。 我该怎么办？

Answer 1

为什么不尝试使用某个计数器，每次用户点击按钮时我们将1+加到计数器上，当计数器达到3时，我们就会有所收获。

这是jsFiddle

<强> HTML

<input type="button" id="button1" value="Shop" />

<强> JS

var countClick = 0   
    $('#button1').click(function() {
        countClick++
            if(countClick === 3){
               console.log('counter reach ' + countClick)
               var myButton= document.getElementById('button1');
               myButton.style.display ='none';
               setTimeout (function(){
                  myButton.style.display ='inline'; //here we hide the button for 5seconds
               countClick = 0 // here we make the counter go back to 0 again
              },5000);
              //do stuff here like add to cart or something.
             }else{
             console.log('counter still on ' + countClick);
          }
      });