jquery пульсирующий текст

Question

Я использую jquery для пульсации текста. Все в порядке - но я не могу что-то обдумать: я хотел бы только пульсировать x раз и затем остановиться. Я использую следующий код для пульсации класса:

$(document).ready(function() {
  function pulsate() {
    $(".pulsate").
      animate({opacity: 0.2}, 1000, 'linear').
      animate({opacity: 1}, 1000, 'linear', pulsate);
  }
  pulsate();
});

Есть идеи, как этого достичь? Вероятно, одна строка кода ...?!

Answer 1

Самый простой способ - просто посчитать:

$(document).ready(function() {
  var i = 0;
  function pulsate() {
    if(i >= 3) return;
    $(".pulsate").
      animate({opacity: 0.2}, 1000, 'linear').
      animate({opacity: 1}, 1000, 'linear', pulsate);
    i++;
  }
  pulsate();
});

Попробуйте здесь . Или поставьте в очередь все анимации одновременно в цикле for, например:

$(function() {
  var p = $(".pulsate");
  for(var i=0; i<3; i++) {
    p.animate({opacity: 0.2}, 1000, 'linear')
     .animate({opacity: 1}, 1000, 'linear');
  }
});

Попробуйте эту версию здесь .