用jquery製作文本改變顏色（不停閃爍）

Question

什麼是最簡單的方法，使兩個顏色/類之間的文本切換連續與jQuery的？

Answer 1

一個簡單的例子：

CSS

div { color: red; } 
div.blinking { color: blue; } 

jQuery的（在DOMready事件）

var el = $('div'); 
setInterval(function() { 
    el.toggleClass('blinking'); 
}, 1000); 

例撥弄：http://jsfiddle.net/gLEuP/

---

否則，可以避免現代瀏覽器上的所有JS，並且僅使用CSS3動畫，例如

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

div { 
    animation: blink 2s linear infinite; 
} 

例codepen（與供應商前綴）：http://codepen.io/anon/pen/NPJBbe

注意，避免設置過小的延遲，這可能會傷害受人photosensitive epilepsy（和惱人的其他人）

Answer 2

簡單jQuery的旋轉彩色谷歌搜索帶來了這個

http://buildinternet.com/2009/09/its-a-rainbow-color-changing-text-and-backgrounds/

一個閃爍效果，你總是可以運行一個函數使用第二setInterval的每一秒或者其中一半將使用jQuery

Answer 3

切換類嘗試

function switch() { 

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

} 

setInterval("switch()", 1000); 

Answer 4

創建接受一個顏色作爲變量的函數。在該函數中，根據傳遞的顏色確定下一個要使用的顏色。更改文字顏色element.style.color = '#FF0000';。仍然在該功能中，請撥打setTimeout()並將該功能以「新」顏色傳遞。然後，在$(document).ready上調用換色功能。

Answer 5

我想出了這一點：

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

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

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