clearQueue()

45
посл. ред. 25.10.2016

Метод clearQueue() очищает очередь функций. В отличие от метода stop(), который удаляет из очереди только анимационные эффекты, данный метод полностью очищает указанную очередь.

Варианты использования

jQ_object.clearQueue([имя_очереди]) => jQuery
Удаляет из указанной очереди все функции. Если имя очереди не указано, тогда используется стандартная очередь fx. Метод выполняется для каждого элемента текущей выборки.

Примеры

<html>
<head>
  <title>Анимация в jQuery</title>
  <script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
  <button class="button_start">Старт</button>
  <button class="button_stop">Стоп</button>
  <div style="width: 50px; height: 50px; position: relative; background: coral"></div>
</body>
</html>
 
<script>
$('.button_start').on('click', function() {
  $('div')
    .animate({left: '+=150'}, 'slow')
    .animate({width: '+=50'}, 'slow')
    .animate({left: '-=150'}, 'slow')
    .animate({width: '50'}, 'slow');
});

$('.button_stop').on('click', function() {
/* Остановка анимации */
  $('div').clearQueue();
});
</script>