zmieniając tekst okresowo w rozpiętości od tablicy z jQuery

Question

Mam przęsło, na przykład:

<p>Here is a sentence <span id="rotate">this</span> is what changes</p> 

i chciałbym zawartość tego przęsła zmieniać co kilka chwil między listą terminów, tak zawartość może zmienić się na:

<span id="rotate">then</span> 
<span id="rotate">thus</span> 

i tak dalej. Chciałbym, aby tekst zniknął, a następnie nowy tekst zaniknie.

Jaki jest najlepszy sposób, aby to zrobić za pomocą jquery?

Answer 1

Można zrobić coś takiego, przechowywanie bieżący indeks elementu obracającego użyciu .data() wspierać on wiele miejsca, a także:

var terms = ["term 1", "term 2", "term 3"]; //array of terms to rotate 

function rotateTerm() { 
    var ct = $("#rotate").data("term") || 0; 
    $("#rotate").data("term", ct == terms.length -1 ? 0 : ct + 1).text(terms[ct]) 
       .fadeIn().delay(2000).fadeOut(200, rotateTerm); 
} 
​​​​​​​​​​​​​​​​​​​$(rotateTerm); //start it on document.ready 
​ 

ten zanika pierwszy termin w, czeka 2 sekundy, przebarwia ją zmienia tekst i powtarza .... po prostu dostosować wartości co chcesz :)

Here's a quick demo so you can see it in action