JQuery 中闪烁效果的动画颜色变化

Question

我只是花了相当多的时间试图让一些文本闪烁，通过让它从一种颜色来回改变到另一种颜色。听起来很简单，结果却非常困难。简单的事情就像这样：

$('#myElement').animate({color:black}, 100);
$('#myElement').animate({color:white}, 100);

将其放入一个循环中，重复五次，我们就完成了。好吧，即使安装了 Jquery 颜色插件，也不起作用（这确实会阻止浏览器报告错误，但不会使代码工作......）。

有效的是这个：

    $('myElement').animate({top:0}, 100, function(){$('myElement').css('color','#000000');});
    $('myElement').animate({top:0}, 100, function(){$('myElement'.css('color','#ffffff');});

也就是说：在 animate 函数中根本不做任何事情，除了将其用作计时器，然后更改元素上的 css 颜色值。就是这样。工作正常。

顺便说一句：如果你这样做并想在颜色闪烁时阻止其他事情发生，你将必须放置某种计时器或标志 - 请记住，浏览器将执行多任务，并且将在闪烁颜色时继续并行执行颜色在闪烁。因此，如果您想在该菜单选项闪烁时禁止用户选择另一个菜单选项，则必须禁用其他选项，直到该动画完成为止。

Answer 1

链接你的动画

$('#myElement').animate({color:black}, 100).animate({color:white}, 100);

如果你想停止运行动画，请使用 jQuery.stop()

$('#myElement').stop();