循环jQuery字体大小动画

循环jQuery字体大小动画,jquery,css,animation,loops,font-size,Jquery,Css,Animation,Loops,Font Size,我目前有一行默认字体大小为24的文本。 我对其设置动画以将其调整回22: $(document).ready(function animateHeader() { $('#random_header').animate({fontSize : "22px"}, 500); }); 我想在24到22和22到24之间连续地来回循环这个动画。 我该怎么做 试一试 我认为真正的问题是为什么?…您可以将此动画放在单独的函数中,在最后一次动画制作时,您可以从起点再次调用此函数。但这太恶心了,还有其他方法可

我目前有一行默认字体大小为24的文本。 我对其设置动画以将其调整回22:

$(document).ready(function animateHeader() {
$('#random_header').animate({fontSize : "22px"}, 500);
});
我想在24到22和22到24之间连续地来回循环这个动画。 我该怎么做

试一试


我认为真正的问题是为什么?…您可以将此动画放在单独的函数中,在最后一次
动画制作时,您可以从起点再次调用此函数。但这太恶心了,还有其他方法可以做到这一点。使用了上面的方法,但这一种确实更紧凑:)@Sagivo,请始终使用™ <代码>=
比较。@RokoC.Buljan我不同意。在这种情况下,===没有意义,因为我们不关心这是字符串还是int。始终使用===是错误的语句。不要将您的注释基于生成的调试器脚本。您应该知道在类型检查中===和==之间有一个不同的值。在这种情况下,类型检查没有用。我只是不喜欢挠头,因为我在2000多行中使用了
==
而不是
===
,我喜欢看到我的代码被“有效”调试。我不想让我的代码在定义之前通过不必要的转换-(
$(document).ready(function(){
  
  function animateHeader(){
    $('#random_header').animate({fontSize : 22}, 500,function(){
      $(this).animate({fontSize : 24}, 500, animateHeader);
    });
  }
  animateHeader();
  

});
function ani(size){
 $('#random_header').animate({fontSize : size+"px"}, 500, function(){ ani((size==22) ? 24 : 22 ); } );
}

ani(24);
$(document).ready(function animateHeader() {
    $('#random_header').animate({
        fontSize: $('#random_header').css('fontSize') == '24px' ? '22px' : '24px'
    }, 500, animateHeader);
});​