Стопаем setInterval на событие мыши

@balabyshka · Регистрация: 03.01.2016

Студворк — интернет-сервис помощи студентам

Не пойму как стопнуть событие "setInterval" когда курсор мыши находиться над объектом.
Должно работать так, чтобы в состоянии когда курсора нет над объектом то все шло свои чередом.
- запуск функции - start();
- когда нет события - mouseenter то через 12 сек срабатывает функция - start10();
- когда происходит событие - mouseenter то функция - start10(); откладывается на 5 сек но не раньше чем через 12 секунд (что бы полностью выполнилась анимция навешаная на функцию - start()

Предполагаю что - setInterval(function() {start10();},12000); - нужно присвоить в переменную, и потом вызывать ее
но как отрегулировать момент с откладыванием на 5 сек но не раньше чем через 12 секунд не пойму)

И еще когда мышь в состоянии движения над нашим объектом то откладывание на 5 сек должно продлеваться с момента последней активности или стопаться когда мышь выйдет за придел объекта.

Заранее спасибо.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script type="text/javascript">
         var start = function() {
            var pec_shot = document.getElementById("pec_shot");
            pec_shot.classList.add("pec_shot");         
        };
        var startN = function() {
            var pec_shot = document.getElementById("pec_shot");
            pec_shot.classList.remove("pec_shot");          
        };      
        start();
        var start10 = function() {
                    setTimeout(startN, 100);
                    setTimeout(start, 200);
               };
   
              setInterval(function() {start10();},12000);
 
             var divv = document.getElementById("inp")
                divv.addEventListener("mouseenter", function() {
               
        });

Добавлено через 21 минуту
хотя сейчас дошло что нужно использовать - onmousemove - а не - mouseenter
что бы мониторить нахождение курсора над объектом.

@balabyshka · 27.11.2016, 19:03 **[ТС]**

Как то так)))
но что то не так)))

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
                var start = function() {
            var pec_shot = document.getElementById("pec_shot");
            pec_shot.classList.add("pec_shot");         
        };
        var startN = function() {
            var pec_shot = document.getElementById("pec_shot");
            pec_shot.classList.remove("pec_shot");          
        };      
        start();
        var start10 = function() {
                   setTimeout(startN, 100);
                   setTimeout(start, 200);
               };
               function stopFunction() {
          clearInterval(set);        
           }           
    var set = setInterval(function(){ start10();}, 10000);
    var divv = document.getElementById("mainFon_hot")
       divv.addEventListener("mouseenter", function() {
            stopFunction();
            console.log("Мышка над обьектом, сработал СТОП");
      });
      var divv = document.getElementById("mainFon_hot")
        divv.addEventListener("mouseout", function() {
            startTime();
      }); 
      var startTime = function() {
        console.log("Запуск через 10 сек");
        set = setInterval(function(){ start10();}, 10000);
      }

Новые блоги и статьи Все статьи Все блоги /
Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .