用动画循环数组

时间:2015-06-13 20:19:06

标签: jquery html css animation

因此,当我点击按钮时,我想循环浏览一个数组列表,我已找到信息,但无法弄清楚如何以及将其放入我已经拥有的代码中,请查看下面的内容看看我已经拥有了什么;

My Current Code

如果有人能帮助我,那就太棒了!如果有人可以告诉我如何设置Launch链接的样式,那么它会是一个奖励,因为某些原因它会让人讨厌吗?

1 个答案:

答案 0 :(得分: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;
    }
}

根据您的要求,我已为您的&#34; Launch&#34;创建了一个课程launchLink按钮,并应用了一些简单的样式。您可以根据自己的喜好更改样式。