2015-06-13 141 views
3

所以我想循環訪問數組,當我單擊按鈕時,我找到了信息,但無法弄清楚如何以及將它放入代碼中的位置,請檢查下面看看我已經;循環通過動畫陣列

My Current Code

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

如果有人可以幫助我走出那簡直太好了!如果有人能告訴我如何設計Launch鏈接,那麼這將是一項獎勵,出於某種原因,它會令人討厭地獄?

回答

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爲貴「啓動」按鈕,並已經申請了一些簡單的ST yling。您可以根據自己的喜好更改樣式。

+0

@ user5006419這是回答您的問題嗎? –

+0

有沒有辦法讓它在5秒後慢慢停止,而不是不斷循環通過它們?我尋找了一些解決方案,但找不到一個。 – user5006419

+0

@ user5006419如果你想循環5秒,那麼你可以將setInterval()的時間從100改爲180.查看我更新的答案和更新的演示。 –