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

Try it here。或者，排隊所有的動畫同時在for循環，就像這樣：

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

Try that version here。