Таймаут и передача переменных

@Alexeyjke · Регистрация: 28.04.2014

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

Сделал простой автоскроллинг DIV`а с интервалом 3 сек(минигалерея).
Функция после выполнения вызывает саму себя с отсрочкой в 3 сек.
Но мне нужно чтобы скроллинг прекращался при наведении курсора (mouseenter).
Как прерывать функций при этом событии?

Пробовал изменять переменную на 1, если происходит событие, и передавать в функцию, но не выходит, она же запускается и крутится.

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
31
32
33
34
35
36
function Scrollit() {
    
    var h = $(".minigal_table").width();
    var h2 = $(".minigal_intable").width();
    var s = $(".minigal_intable").scrollLeft();
    var k = Math.ceil(h / h2);
    var rs = h - s;
    var m = 0;
    var b=0;
     $(".minigal_intable").mouseenter(function () {  b = 1; });
    
    
    
     if ((b == null) || (b == 0))
     {
    
         if (s == 0) {
 
             $('.minigal_intable').animate({ scrollLeft: $(".minigal_intable").scrollLeft() + h2 }, 2000);
 
         }
         if (s > h2 - 3) {
 
             if (rs < h2) {
                 $('.minigal_intable').animate({ scrollLeft: 0 }, 500);
 
             }
             else {
                 $('.minigal_intable').animate({ scrollLeft: $(".minigal_intable").scrollLeft() + h2 - 3 }, 2000);
             }
         }
     }
     etTimeout("Scrollit("+b+");", 3000);
     
       
 }

z-z · 18.12.2014, 12:05

Alexeyjke, чтобы "убить" setTimeout, есть clearTimeout(timer), где timer - переменная с таймером. Единственное - для этого таймер придется хранить в переменной...

@whiteapps · 18.12.2014, 12:13

Alexeyjke, писалось на коленки, работоспособность не проверял

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
(function() {
  var $minigal_table = $(".minigal_intable");
  var mouseover = false;
  $minigal_table.mouseenter(function(){
    mouseover = true;
  }).mouseleave(function(){
    mouseover = false;
    setTimeout(Scrollit, 3000);
  });
 
  (function Scrollit() {
    if(mouseover) return;
    var h = $(".minigal_table").width();
    var h2 = $minigal_table.width();
    var s = $minigal_table.scrollLeft();
    var rs = h - s;
 
    var scroll, time;
    var scrollLeft = $minigal_table.scrollLeft() + h2;
 
    scroll = rs < h2 ? scrollLeft : (rs < h2 ? 0 : scrollLeft - 3);
    time = rs < h2 ? 500 : 2000;
 
    $minigal_table.animate({"scrollLeft": scroll}, time);
    setTimeout(Scrollit, 3000);
  })()
})();

@Alexeyjke · 18.12.2014, 14:24 **[ТС]**

whiteapps, спасибо! Скролит, и останавливается когда наводишь. НО:
Не работает на mouseover; Не скролит в начало (где "0" значение)

@whiteapps · 18.12.2014, 15:56

Alexeyjke, покажите весь код с версткой

@Alexeyjke · 18.12.2014, 17:38 **[ТС]**

whiteapps,
зачем? там в html просто формируется таблица из базы (razor язык).
Мой код выше работал для прокрутки на нулевое значение

Добавлено через 1 час 30 минут
whiteapps, поправил, почему прокрутки на 0 не было. Условие немного не верное было. Исправил:

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
 (function () {
                var $minigal_table = $(".minigal_intable");
                var mouseover = false;
                $minigal_table.mouseenter(function () {
                    mouseover = true;
                }).mouseleave(function () {
                    mouseover = false;
                    setTimeout(Scrollit, 3000);
                });
 
                (function Scrollit() {
                    if (mouseover) return;
                    var h = $(".minigal_table").width();
                    var h2 = $minigal_table.width();
                    var s = $minigal_table.scrollLeft();
                    var rs = h - s;
                    var ss = h2 - 3;
                    var scroll, time;
                    var scrollLeft = $minigal_table.scrollLeft() + h2;
 
                    scroll = s < ss ? scrollLeft : (rs < h2 ? 0 : scrollLeft - 3);
                    time = rs < h2 ? 500 : 2000;
                    $("#temp").html(scroll);
                    $minigal_table.animate({ "scrollLeft": scroll }, time);
                    setTimeout(Scrollit, 3000);
                })()
            })();

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! */ #include <iostream> #include <stack> #include <cctype>. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .

z-z 170 / 169 / 56 Регистрация: 22.06.2011 Сообщений: 980
	18.12.2014, 12:05
	Alexeyjke, чтобы "убить" setTimeout, есть clearTimeout(timer), где timer - переменная с таймером. Единственное - для этого таймер придется хранить в переменной... 0

@Alexeyjke 6 / 6 / 3 Регистрация: 28.04.2014 Сообщений: 170
	18.12.2014, 14:24 [ТС]
	whiteapps, спасибо! Скролит, и останавливается когда наводишь. НО: Не работает на mouseover; Не скролит в начало (где "0" значение) 0

@whiteapps 414 / 379 / 220 Регистрация: 18.07.2014 Сообщений: 1,259
	18.12.2014, 15:56
	Alexeyjke, покажите весь код с версткой 0