js html 点击事件 关于click事件和mouse事件冲突问题，购物车长按快速加，单击单加

在定时器中先定义一个值，用来判断按下后的时间，即设置50毫秒的定时器，在每一次执行时让这个值自增一（这个值的大小乘以定时器设置的时间就是要延迟的时间），最后将这个值作为条件，如果大于这个值，则执行程序，未大于返会return。这样就会区分点击和长按。

    //设置定时器
    let time1;
    let time2;
    //给加减按钮添加点击事件
    cliclj();
    function cliclj() {
        $('.jia').click(function(){
        if(datas[$(this).attr('index')].num < datas[$(this).attr('index')].goods_number){
            datas[$(this).attr('index')].num++;
            //将localstorage中的数据重写
            localStorage.setItem('cart',JSON.stringify(datas));
            $(this).parent().find('.buynum').html(datas[$(this).attr('index')].num);
        }else{
            //禁用增加按钮
            $('.jia').prop('disabled');
        }
    })
    }
    //鼠标按下快速加
    $('.jia').on('mousedown',(function(){
            //先将点击事件去掉
            $('.jia').off('click');
            //计数，让按下效果到达2s后开始
            let tt=0;
            time1 = setInterval(()=>{ 
                tt++;
                if(tt>40){
                    if(datas[$(this).attr('index')].num < datas[$(this).attr('index')].goods_number){
                        datas[$(this).attr('index')].num++;
                        $(this).parent().find('.buynum').html(datas[$(this).attr('index')].num);
                    }else{
                        $('.jia').prop('disabled');
                    }
                }else return;
             },50)

    }))
    //鼠标抬起停止
    $('.jia').on('mouseup',(function(){
        clearInterval(time1);
        //将localstorage中的数据重写
        localStorage.setItem('cart',JSON.stringify(datas));
        //再次添加点击事件
        cliclj();
    }))

    clickjian();
    function clickjian() {
        //给减按钮添加点击事件
    $('.jian').click(function(){
        if(datas[$(this).attr('index')].num > 0){
            datas[$(this).attr('index')].num--;
            //将localstorage中的数据重写
            localStorage.setItem('cart',JSON.stringify(datas));
            $(this).parent().find('.buynum').html(datas[$(this).attr('index')].num);
        }else{
            $('.jian').prop('disabled');
        }
    })
    }
    
    //鼠标按下快速减
    $('.jian').on('mousedown',(function(){
            $('.jian').off('click');
            let tt=0;
            time2 = setInterval(()=>{ 
                tt++;
                if(tt>40){
                    if(datas[$(this).attr('index')].num > 0){
                        datas[$(this).attr('index')].num--;
                        $(this).parent().find('.buynum').html(datas[$(this).attr('index')].num);
                    }else{
                        $('.jian').prop('disabled');
                    }
                }else return;
             },50)    
    }))
    //鼠标抬起停止
    $('.jian').on('mouseup',(function(){
        clearInterval(time2);
        //将localstorage中的数据重写
        localStorage.setItem('cart',JSON.stringify(datas));
        clickjian();
}))

购物车页面还未写完，目前的效果图：