使用jquery在数组的范围内定期更改文本

我有一个跨度，例如：

Here is a sentence this is what changes 

并且我希望该范围的内容在术语列表之间每隔几分钟改变一次，因此内容可能会变为：

 then thus 

等等。 我希望文本淡出然后新文本淡出。

什么是通过jquery做到这一点的最好方法？

Answer 1

您可以这样做，将当前索引存储在使用.data()旋转的元素上以支持多个位置：

 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​ 

这会消失第一个术语，等待2秒，淡出，更改文本并重复….只需将值调整为您想要的值:)

这是一个快速演示，您可以看到它的实际效果