在javascript中脉动的颜色

Question

我想在红色和黑色之间有一些文字脉动.想我会使用jQuery UI的动画功能来实现这一点.看起来很简单......类似于:

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

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

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

Answer 1

如果您使用的是 jQuery UI，您可能需要考虑使用动画切换类，如果您将其包装在 setInterval() 函数中，您可以将其减少到一行，并将格式存储在 CSS 而不是 javascript 中。