javascript - 像Gumroad.com上的交替文本

我已经看过几次了。我不记得其他站点了，但是如果您知道其他站点，我想看看。 （https://gumroad.com/）

基本上，当他们做类似的事情时：

将您的“歌曲”直接分享给您的“粉丝”。引号中的单词不断被替换。

我想知道是否有一个JS / Jquery库来帮助您。否则，我希望其他一些网站能够做到这一点，这样我就可以获得想法！

谢谢。

最佳答案

我使用jQuery实现了类似的功能（没有动画）。

该代码基本上每隔2000ms循环一次来自数组的数据，并将其添加到跨度中。

现场演示-http://jsfiddle.net/Dogbert/vF4rj/3/

JS：

var options = [
    ["music", "listeners"],
    ["software", "users"],
    ["films", "viewers"],
    ["comics", "readers"]
];

var interval = 2000;

var holder1 = $(".holder-1"), holder2 = $(".holder-2");
var currentIndex = 0;

function doIt() {
    holder1.html(options[currentIndex][0]);
    holder2.html(options[currentIndex][1]);
    currentIndex = (currentIndex + 1) % options.length;
    setTimeout(doIt, interval);
}

doIt();

HTML：

<h2>
    Sell
    <span class="holder-1"></span>
    directly to your
    <span class="holder-2"></span>
</h2>