用动画循环遍历数组答案

【问题标题】：Cycle through array with animation用动画循环遍历数组
【发布时间】：2015-11-25 08:38:09
【问题描述】：

所以我想在单击按钮时循环浏览数组列表，我找到了信息，但不知道如何以及在何处将其放入我已有的代码中，请检查以下内容以查看我的内容已经；

[1]: http://codepen.io/anon/pen/PqKYwz

如果有人可以帮助我，那就太好了！如果有人能告诉我如何设置启动链接的样式，那将是一个奖励，由于某种原因它很烦人？

【问题讨论】：

标签： jquery html css animation

【解决方案1】：

如果你的意思是循环显示所有游戏的名称，然后再显示游戏的最终名称，你可以这样做，

Here is a demo

所以我改变了PickRandomWord() 和tick() 并创建了两个全局变量“i”和“s”，如下所示，

var i = 0;
var s;

function PickRandomWord(frm) {
        s = setInterval(function() {
            tick(frm);
        }, 180);
    }
function tick(frm) {

    frm.WordBox.value = words[i+1];
    i++;
    if (i > 27) {
        clearInterval(s);
        var rnd = Math.ceil(Math.random() * NumberOfWords);

        var index = words[rnd].indexOf("/");

        frm.WordBox.value = words[rnd].substring(0, index);
        var link = document.getElementById("gameLink");
        var str = words[rnd].substring(index + 1, words[rnd].length);
        link.innerHTML = "<a class='launchLink' href ='steam://run/" + str + "'>Launch</a>";
        i = 0;
    }
}

根据您的要求，我为您的“启动”按钮创建了一个类launchLink，并应用了一些简单的样式。您可以根据自己的喜好更改样式。

【讨论】：

@user5006419 这能回答你的问题吗？
有没有办法让它在 5 秒后慢慢停止，而不是不断地循环它们？我已经寻找了一些解决方案，但找不到一个。
@user5006419 如果您想要循环 5 秒，那么您可以将 setInterval() 时间从 100 更改为 180。查看我更新的答案和更新的演示。