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');
  }
});

在这里尝试该版本.