在javascript中脉动的颜色

Question

我希望在红色和黑色之间有一些文字脉动。想我会用jQuery UI's animate function来做这件事。看起来很简单......如：

function pulseRed() {
    $('.pulsing').animate({ color: "red" }, 1000, pulseBlack);
}
function pulseBlack() {
    $('.pulsing').animate({ color: "black" }, 1000, pulseRed);
});

我担心的是效率如何。如果我在不同的地方有很多文字来表示脉动，我是否应该以某种方式改变.pulsing的CSS样式表规则？在这样的函数之间进行无限循环是否安全，或者我是否会因堆叠太多函数调用而遇到麻烦？

我已经在使用jQuery和jQuery UI，所以我根本不介意使用上面的动画颜色机制......但如果有更好的解决方案，我很乐意听到它。

Answer 1

如果您正在使用jQuery UI，您可能需要考虑使用animated toggle class，如果您将其包装在setInterval（）函数中，则可以将其减少到一行，并将格式存储在CSS中而不是javascript。