Как остановить цикл JQuery FadeIn / Out, Stop () не работает

Question

Как остановить цикл JQuery FadeIn / Out, Stop () не работает

0

У меня есть следующая функция для мерцания звезд, которая является частью последовательности анимации.

  function fadeInOut() 
    {
    $('#stars').fadeIn(800, function () {
         $('#stars').fadeOut(800, function () {
                $('#stars').fadeIn(800, function () {
                    setTimeout(fadeInOut, 500);
                });
            });
        });
    setTimeout(fadeInOut, 12500);
    }

В конце анимации я дал возможность воспроизвести его. Для этого я хотел остановить этот мерцающий эффект. Я попробовал следующее, но это не сработало.

  function replayAnim()
    { $('#stars').clearQueue().stop(true); animStart();}

Может кто-то, пожалуйста, назовите меня в правильном направлении.

Благодарю!

kulpreet 21 дек. 2013, в 06:14

Источник

0

Попробуйте удалить clearQueue () и просто иметь .stop ()
codeninja 21 дек. 2013, в 04:21
0

Это тоже пробовал, но не повезло.
kulpreet 21 дек. 2013, в 04:24

Теги:

jquery

loops

fadein

fadeout

1 ответ

Ещё вопросы

Попробуйте удалить clearQueue () и просто иметь .stop ()

Arun P Johny · Accepted Answer · 2013-12-21T02-29-00.000Z

Вам также потребуется очистить таймер

var timer;
function fadeInOut() {
    $('#stars').fadeIn(800, function () {
        $('#stars').fadeOut(800, function () {
            $('#stars').fadeIn(800, function () {
                timer = setTimeout(fadeInOut, 500);
            });
        });
    });
    timer = setTimeout(fadeInOut, 12500);
}

function replayAnim() {
    clearTimeout(timer)
    $('#stars').clearQueue().stop(true);
    animStart();
}

Спасибо! оно работает. Вы, сэр, спасатель жизни :)