Запустить функцию, когда не при наведении

Question

Я создал функцию, которая переключает класс click среди братьев и сестер, чтобы показывать / скрывать их каждые 5 секунд

$(function() {
    var lis = $(".wwa-officers.class .news_item"),
        currentHighlight = 0;
        N = 5;//interval in seconds
    setInterval(function() {
        currentHighlight = (currentHighlight + 1) % lis.length;
        lis.removeClass('click').eq(currentHighlight).addClass('click');
    }, N * 1000);
});

Но я хочу, чтобы она остановилась, когда мышь наводит указатель мыши на элемент, чтобы разрешитьпользователи, чтобы прочитать информацию, отображаемую в каждом элементе

Я пробовал следующее, но, похоже, не работает ...

$(function(){
    $('.wwa-officers').on('mouseenter mouseleave', function(){
        $(this).toggleClass('class');
    });
});

Answer 1

Попробуйте это:

  ...
 setInterval(function() {
      if(!$('.wwa-officers').hasClass('class')){
        currentHighlight = (currentHighlight + 1) % lis.length;
        lis.removeClass('click').eq(currentHighlight).addClass('click');
      }
    }, N * 1000);
...