jquery脉动文本

我正在使用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'); } }); 

在这里尝试该版本 。