javascript - 对一个点击事件启动了一个定时器，在点击该元素之后需要同时绑定另一个元素点击取消该定时器可以实现吗？

Question

      $('.sharejx').on('click', function(event) {
        event.preventDefault();

        
        var c = setInterval(function(){
         //定时器代码

        }, 750)

          $('.black').on('click', function(event) {
        
        event.preventDefault();
          能在这里绑定取消定时器吗，我怎么试都不成功，一直显示undefined
             
      });
      });

Answer 1

点击多次.sharejx将生成多个定时器，并且.black元素讲绑定多个回调函数

参考如下代码

var shareJXFun=(function(){

var cInterval;
return function(event){
    if(cInterval){
        clearInterval(cInterval);
    }
    cInterval=setInterval(function(){
     //定时器代码

    }, 750);
    
     $('.black').off('click').on('click', function(event) {
        event.preventDefault();
        //能在这里绑定取消定时器吗，我怎么试都不成功，一直显示undefined
        if(cInterval){
            clearInterval(cInterval);
        }
  });
}

}());

$('.sharejx').on('click',shareJXFun);