使用jquery更改文本颜色（不停闪烁）

使用jquery使文本在两种颜色/类别之间连续切换的最简单方法是什么？

一个简单的示例：

CSS

DOMready事件中的jQuery

小提琴示例：

否则，您可以在现代浏览器上完全避免使用JS，而只使用CSS3动画，例如

@keyframes blink {
    0% { color  : red; }
    49% { color : red; }
    50% { color : blue }
    100% { color: blue; }
}

div {
    animation: blink 2s linear infinite;
}

带有供应商前缀的示例代码笔：

注意，避免设置太小的延迟，它可能会伤害受影响的人，并使其他人感到恼火

一个简单的例子：

CSS

DOMready事件中的jQuery

小提琴示例：

否则，您可以在现代浏览器上完全避免使用JS，而只使用CSS3动画，例如

@keyframes blink {
    0% { color  : red; }
    49% { color : red; }
    50% { color : blue }
    100% { color: blue; }
}

div {
    animation: blink 2s linear infinite;
}

带有供应商前缀的示例代码笔：

---

请注意，避免设置太小的延迟，这可能会伤害受影响的人，也会让其他人感到恼火

在jquery rotate color上进行简单的谷歌搜索就会发现这一点

---

为了获得闪烁效果，您可以始终使用setInterval每隔一秒或半秒运行一个函数，该函数将使用jquery切换一个类

为了获得闪烁效果，您可以始终使用setInterval每隔一秒或半秒运行一个函数，该函数将使用jquery切换类

function switch() {

   $("p").toggleClass("comic-sans");

}

setInterval("switch()", 1000);

试一试

---

创建一个接受颜色作为变量的函数。在函数中，根据传递的颜色确定下一步要使用的颜色。更改文本颜色元素。style.color='FF0000'；。仍然在函数中，调用setTimeout并使用新颜色传递函数。然后，在$document.ready上调用颜色更改函数。

创建一个接受颜色作为变量的函数。在函数中，根据传递的颜色确定下一步要使用的颜色。更改文本颜色元素。style.color='FF0000'；。仍然在函数中，调用setTimeout并使用新颜色传递函数。然后，在$document.ready上调用颜色更改功能。

我想出了以下方法：

//Click the Fade out button
$("#fadeOut").click(function(){
    fadeItOut();
});

var fadeItOut = function() {
  $("p").fadeOut("slow", function(){
      fadeItIn();
  });
};

var fadeItIn = function() {
    $("p").fadeIn("fast", fadeItOut());
};

我想到了这个：

//Click the Fade out button
$("#fadeOut").click(function(){
    fadeItOut();
});

var fadeItOut = function() {
  $("p").fadeOut("slow", function(){
      fadeItIn();
  });
};

var fadeItIn = function() {
    $("p").fadeIn("fast", fadeItOut());
};

---

哦。只是不要以失败告终！哦。只是不要以失败告终！设置间隔开关，1000；更好-超时/间隔内的字符串不可取LeSetIntervalSwitch，1000；更好-超时/间隔内的字符串不是首选字符串。。。并将该代码放入$document.ready函数：-Yep。。。并将该代码放入$document.ready函数中：-