jquery - 使用动画循环遍历数组

Question

所以我想在单击按钮时循环浏览数组列表，我找到了信息但无法弄清楚如何以及在何处将其放入我已有的代码中，请查看以下内容以了解我的内容已经;

My Current Code

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

如果有人能帮助我，那就太好了!如果有人能告诉我如何设置 Launch 链接的样式，那将是一个奖励，因为某些原因它非常烦人？

Answer 1

如果循环你的意思是在显示游戏的最终名称之前一个一个地显示所有游戏的名称，你可以这样做，

Here is a demo

所以我改变了 PickRandomWord() 和 tick() 并创建了 2 个全局变量“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 类，并应用了一些简单的样式。您可以根据自己的喜好更改样式。