Как остановить выполнение функции при зажатой кнопке мышки?

Question

[Максим js]

пробовал return; не помогло! что можно прописать чтобы тормазнуть функцию ?

$('.technology-timeline-content__section').mousedown(function () {
    $(this).addClass('mousedown');
    if ($('.technology-timeline-content__section').hasClass('mousedown')) {
        console.log('стоять');
    }
});

$(window).mouseup(function () {
    if ($('.technology-timeline-content__section').hasClass('mousedown')) {
        $('.technology-timeline-content__section').removeClass('mousedown');
        autoplay();
        console.log('пошла');
    }
});

Comments

[Александр Епихин]

Приведите саму функцию которую хотите тормознуть.
А вообще можно создать переменную-флаг со значение boolean типа и внутри вашей функции проверять если флаг===true то выполнять тело функции. А по нажатию на кнопку мыши менять значение флага.

[Максим js]

Александр Епихин,

let num = 0;
const max = $('.technology-timeline-tab').length;
function autoplay() {
    $('.technology-timeline-tab').each(function (id) {
        if ($(this).hasClass('active')) {
            // eslint-disable-next-line radix
            num = parseInt(id) + 1;
        }
    });
    if (num >= max) {
        num = 0; // Или обнуляем или останавливаем: return false;
    }
    $('.technology-timeline-tab').removeClass('active');
    $('.technology-timeline-tab').eq(num).trigger('click');
    setTimeout(autoplay, 5000);
}

$('.technology-timeline-content__section').mousedown(function () {
    $(this).addClass('mousedown');
    if ($('.technology-timeline-content__section').hasClass('mousedown')) {
        console.log('стоять');
        return;
    }
});

$(window).mouseup(function () {
    if ($('.technology-timeline-content__section').hasClass('mousedown')) {
        $('.technology-timeline-content__section').removeClass('mousedown');
        autoplay();
        console.log('пошла');
    }
});

[Александр Епихин]

1. Вынесите $('.technology-timeline-tab') и $('.technology-timeline-content__section') в переменные.
2. Вынесите в переменные https://yadi.sk/i/PbLZgwJ-RgMs4w и так как значение используется больше одного раза и это позволит избежать ошибок
3. Посмотрите этот ответ https://stackoverflow.com/questions/21277900/how-c... тут как раз про использование флага.

Answer 1

[Tim]

примерно так

let flag = true;
$('.technology-timeline-content__section').mousedown(function() {
  $(this).addClass('mousedown');
  if ($('.technology-timeline-content__section').hasClass('mousedown')) {
    console.log('стоять');
    flag = false;
  }
});

$(window).mouseup(function() {
  if ($('.technology-timeline-content__section').hasClass('mousedown')) {
    $('.technology-timeline-content__section').removeClass('mousedown');
    flag = true;
    autoplay();
    console.log('пошла');
  }
});

function autoplay() {
  if (!flag) return;

  //code
}